如何将具有特定标签的所有元素分配给某个类？

Question

在CSS中，我有：

.white {color:white}

在HTML中，我有：

<div class="foo">
    <div>Text here</div>
    <div>Text here</div>
    <div>Text here</div>
<div>

我希望“foo”div中的所有div都在“white”类中，而不必在每个div中明确地写它。如何调用此属性以及如何在CSS中编写它？

谢谢！

Answer 1

您无法以声明方式添加类，但CSS规则

.foo > div {
    color:white
}

将匹配作为类div的直接后代的所有foo :(我为我的示例更改了属性，因为否则您将看不到任何内容：）

＆＃13;

＆＃13;

.white, .foo > div {
    background-color: blue
  }

＆＃13;

<div class="foo">
  <div>Line 1</div>
  <div>Line 2</div>
</div>

＆＃13;

＆＃13;

＆＃13;

CSS预处理器（如sass或less）可以帮助您使用自己的机制，因此您不必长时间枚举规则适用的地点。 （在他们的文档中寻找＆＃34; mixins＆＃34;或＆＃34;继承＆＃34;）

Answer 2

有两种方式可以回答你的问题，我可以想到这一点。

1）使用JQuery，您可以将白色类添加到foo div元素的所有子元素中。

2）将白色类添加到foo类div元素，该元素将样式级联到所有子元素，因此级联样式表..

<div class="foo white"> <div>Text here</div> <div>Text here</div> <div>Text here</div> <div>