CSS扩展了相邻选择器

时间:2015-07-01 14:25:33

标签: html css

是否有类似于相邻选择器的选择器将选择不相邻的兄弟姐妹?

像:



.one ? .three { color:red; }

<div class="one">1</div>
<div class="two">2</div>
<div class="three">3</div>
&#13;
&#13;
&#13;     

而不是:

&#13;
&#13;
.one + .two + .three { color: red; }
&#13;
<div class="one">1</div>
<div class="two">2</div>
<div class="three">3</div>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:3)

您正在寻找的选择器是~选择器,它与+选择器的功能相同,但不会介意中间的选择。

这段代码可以解决问题:

.one ~ .three {}

仅供参考:推荐阅读此内容,this几年前对我非常有用。