0

例如，我希望labels某个input领域内的字段class具有相似的规则。

CSS

.SpecialBox input, label{
    background-color: green;
}

当我使用前面的代码时，它实际上将规则应用于 SpecialBox 和ALL标签中的任何输入字段，因为规则集应用了每个逗号分隔的项目：

  • .SpecialBox input
  • label

我可以修改选择器以分别澄清这两个项目

.SpecialBox input, .SpecialBox label{
    background-color: green;
}

在这种情况下，我得到了想要的结果，但代价是简洁

这是一个要演示的小提琴

有没有办法将一组规则应用于特定选择器的所有子元素，或者我是否被迫重复父元素选择器？

我相信有一种方法可以使用SASS或LESS来做到这一点，但我更喜欢直接使用 CSS

4

3 回答 3

1

仅对于inputandlabel元素，您将不得不重复选择器。

如果您想要所有孩子，您可以使用通配符：.SpecialBox * 这会将样式应用于所有孩子。

于 2013-07-31T14:46:23.737 回答
0

只使用类.SpecialBox *？

于 2013-07-31T14:46:07.270 回答
0

使用*选择器：

.SpecialBox  *
于 2013-07-31T14:46:46.523 回答