将CSS应用于属于两个类但不分别属于这两个类的元素

Question

是否可能：我有一个属于两个类的div，我想在div中添加一些配置，但不希望父类单独拥有这些属性。 E.g。

DIV酮

<div class="classA classB">Some Text</div>

div-two

<div class="classA"></div>

DIV三

<div class="classB"></div>

现在在CSS文件中：

.classA{
height:100%,
width:100%
}
classB{
text-align:center,
etc:etc
}

现在如何在不将这些配置选项添加到A＆amp;类的情况下将一些额外的配置应用于div-one。 B和我不能使用ID属性，因为div是动态创建的。所以我想要一些像

这样的功能

.classA .classB{
//additional config
}

但我不希望将额外的配置应用于div-two和div-three

Answer 1

如果我正确理解您的问题，您只想设置 div和classA正确的classB样式吗？如果是这样，你可以这样做：

.classA.classB {
//additional config
}

请注意两个类之间没有空格。这意味着您设置的样式将仅应用于同时包含classA和classB

的元素

这是一个小提示：http://jsfiddle.net/NbJ2j/

Answer 2

使用CSS定位元素总有几种方法。 在您的情况下，您可以例如将classC添加到第一个div。或者使用伪选择器选择它：

div:first-of-type {color: blue;}