Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如果在中找不到第一个类名,如何回退到其他类名?_Css_Css Selectors - Fatal编程技术网

Css 如果在中找不到第一个类名,如何回退到其他类名?

Css 如果在中找不到第一个类名,如何回退到其他类名?,css,css-selectors,Css,Css Selectors,我正在寻找一种在css选择器中创建回退的方法。仅当未找到带有class1的元素时,我想选择class2 我发现壁橱里的东西是使用“或”选择器 .class1、.class2{…} 但是很明显,它适用于class2,即使找到class1 仅当未选择带有.class1的元素时,我想选择.class2 找到了 .class2始终是后续的兄弟姐妹还是.class1的后代 如果是这样,您可以结合使用: 同级选择器(~) 子代选择器() 下面是一个示例,它使用color:black表示没有选择,使用co

我正在寻找一种在css选择器中创建回退的方法。仅当未找到带有
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处理它。谢谢你的澄清。