html - CSS扩展相邻选择器

Question

是否有类似于相邻选择器的选择器会选择不相邻的兄弟？

喜欢:

.one ? .three { color:red; }

<div class="one">1</div>
<div class="two">2</div>
<div class="three">3</div>

代替:

.one + .two + .three { color: red; }

<div class="one">1</div>
<div class="two">2</div>
<div class="three">3</div>

Answer 1

您正在寻找的选择器是 ~ 选择器，它与 + 选择器的作用相同，但不会介意中间的内容。

这段代码应该可以解决问题:

.one ~ .three {}

仅供引用:推荐阅读，this几年前对我来说真的很有用。