我有一个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

10-05 20:48
查看更多