如果找不到第一个类名，如何回退到另一个类名？

Question

我正在寻找一种在CSS选择器中创建后备方式的方法。我只想在没有找到带有class2的元素的情况下选择class1。

我发现壁橱里的东西是使用“或”选择器。

.class1,.class2 {...}

但是很明显，即使找到了class2，它也适用于class1。

Answer 1

  

仅当没有带有.class2的元素时，我才想选择.class1   找到。

.class2始终是.class1的后代 还是 ？

如果是这样，您可以使用以下组合：

• sibling selector（~）
• descendant selector（）

下面是一个示例，该示例使用color: black表示没有选择，而使用color: red表示选择：

.class1,
.class2 {
  color: red;
}

.class1 ~ .class2,
.class1 .class2 {
  color: black
}