Css 如果在中找不到第一个类名,如何回退到其他类名?
我正在寻找一种在css选择器中创建回退的方法。仅当未找到带有Css 如果在中找不到第一个类名,如何回退到其他类名?,css,css-selectors,Css,Css Selectors,我正在寻找一种在css选择器中创建回退的方法。仅当未找到带有class1的元素时,我想选择class2 我发现壁橱里的东西是使用“或”选择器 .class1、.class2{…} 但是很明显,它适用于class2,即使找到class1 仅当未选择带有.class1的元素时,我想选择.class2 找到了 .class2始终是后续的兄弟姐妹还是.class1的后代 如果是这样,您可以结合使用: 同级选择器(~) 子代选择器() 下面是一个示例,它使用color:black表示没有选择,使用co
class1
的元素时,我想选择class2
我发现壁橱里的东西是使用“或”选择器
.class1、.class2{…}
但是很明显,它适用于class2
,即使找到class1
仅当未选择带有.class1
的元素时,我想选择.class2
找到了
.class2
始终是后续的兄弟姐妹还是.class1
的后代
如果是这样,您可以结合使用:
- 同级选择器(
)~
()子代选择器
color:black
表示没有选择,使用color:red
表示选择:
.class1,
.class2 {
color: red;
}
.class1 ~ .class2,
.class1 .class2 {
color: black
}
CSS无法检测其他类…它只能基于选择器进行syle。HTML结构的简要视图可能会有所帮助。这些类将同时出现在一个元素上还是不同的元素上?同样,CSS不能选择DOM,因此这些元素在DOM中的位置将具有高度相关性。坦率地说,JS是您在这里的最佳选择。@Paulie_在不同的元素上进行了比较。最后我将用javascript处理它。谢谢你的澄清。