CSS3 - 在另一個元素之後選擇元素

Question

CSS3可以選擇一個接一個的元素嗎？如果我有，例如：

<div> 
    <a class="a">One</a> 
    <a class="b">Two</a> 
    <a class="c">Three</a> 
    <a class="b">Four</a> 
</div> 

我想選擇僅在class =「a」錨點之後出現的class =「b」錨點。所以我想選擇「Two」錨點而不是「Four」錨點。

CSS3中可能嗎？如果沒有，是否有可能在jQuery中？ （儘管如此，我更喜歡CSS）。

Answer 1

你不需要CSS 3，它已經可以在CSS 2.1中！ :)

使用adjacent sibling selector+：

.a + .b { 
    /* styles */ 
}