<分区>
我有以下结构，第二个元素可能出现也可能不出现。
<div class="wrapper">
<div class="firstElement"></div>
<div class="secondElement"></div>
</div>
仅当 .secondElement 存在时，我才想在 .firstElement 上有条件地设置样式。
有没有办法用 PURE CSS 做到这一点？使用兄弟选择器/父选择器？
谢谢!
<分区>
我有以下结构，第二个元素可能出现也可能不出现。
<div class="wrapper">
<div class="firstElement"></div>
<div class="secondElement"></div>
</div>
仅当 .secondElement 存在时，我才想在 .firstElement 上有条件地设置样式。
有没有办法用 PURE CSS 做到这一点？使用兄弟选择器/父选择器？
谢谢!
最佳答案
一般来说，不会。 CSS 向前/向下读取 DOM——它不会向后/向上读取。但是有了这个标记，你可以使用 :not(:last-child)
.firstElement:not(:last-child) {
color: red
}<div class="wrapper">
<div class="firstElement">target this</div>
<div class="secondElement"></div>
</div>
<div class="wrapper">
<div class="firstElement">not this</div>
</div>关于html - 如果 PURE CSS 中存在兄弟元素，则有条件地设置样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42680881/