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

是否可能：我有一个属于两个类的div，我想向该div添加更多配置，但不希望父类单独具有这些属性。例如

第一组

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

现在，我如何在不向类A和B添加那些配置选项的情况下向div one应用一些额外的配置，并且我不能使用ID属性，因为div是动态创建的。所以我想要一些功能，比如

.classA .classB{
//additional config
}

---

但是我不想将附加配置应用于div two和div two

如果我正确理解了您的问题，您只想为同时具有

classA

和

classB

的

div

设置样式，对吗？如果是这样，下面是您如何做到这一点的：

.classA.classB {
//additional config
}

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

classA

和

classB

---

这里有一把小提琴在展示它：

如果我正确理解了你的问题，你只想为

div

设置样式，它既有

classA

又有

classB

正确吗？如果是这样，下面是您如何做到这一点的：

.classA.classB {
//additional config
}

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

classA

和

classB

---

这里有一把小提琴来展示它：

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

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

---

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

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

---

如果我添加一个空格会发生什么情况，那么这些空格也会被添加到classA和classB配置中吗？@user3457003您必须将其标记为答案，它完美地解决了您的问题。@user3457003如果您添加一个空格，那么它将为

classA

元素的子元素设置所有

classB

元素的样式。有关CSS选择器如何工作的更多信息，请参见此处：如果在类之间添加一个额外的空格，此操作也将失败。@Bhavik我试图将其标记为答案，但它说我必须等待一段时间。如果添加空格，会发生什么情况，那么这些空格是否也会添加到classA和classB配置中？@user3457003您必须将其标记为答案，它完美地解决了您的问题。@user3457003如果您添加一个空格，那么它将为

classA

元素的子元素设置所有

classB

元素的样式。有关CSS选择器如何工作的更多信息，请参见此处：如果在类之间添加一个额外的空格，此操作也将失败。@Bhavik我试图将其标记为答案，但它说我必须等待一段时间。但您的逻辑将失败。如果

div

序列发生了变化。@KheemaPandey更不用说OP提到了

div

s是动态生成的，因此元素的顺序很有可能发生变化。而且，只有当所讨论的元素是页面上的第一个元素时，这才有效。如果它们位于父级

div

中，则此操作将失败。这不是一个很好的解决方案，因为按照此逻辑添加新元素将很困难。但还是要感谢你的努力。但是你的逻辑会失败的。如果

div

序列发生了变化。@KheemaPandey更不用说OP提到了

div

s是动态生成的，因此元素的顺序很有可能发生变化。而且，只有当所讨论的元素是页面上的第一个元素时，这才有效。如果它们位于父级

div

中，则此操作将失败。这不是一个很好的解决方案，因为按照此逻辑添加新元素将很困难。但还是谢谢你的努力。

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