我有一个div,并且在100个s2类的范围内以及一个在s1类的范围内。此s1跨度可以在div内的任何位置。我只想将css应用于s1之后的第一个s2范围。如何在CSS中做?
<div>
<span class="s2"></span>
<span class="s2"></span>
<span class="s2"></span>
<span class="s2"></span>
<span class="s1"></span>
<span class="s2"></span> <<- i want to style this span
<span class="s2"></span>
<span class="s2"></span>
<span class="s2"></span>
.
.
.
.
.
<span class="s2"></span>
</div>
最佳答案
.s1+.s2 {
/* your styles here */
}
element + element选择器用于选择放置的元素
在第一个指定元素之后(不在内部)。
http://www.w3schools.com/cssref/sel_element_pluss.asp