僅當dom中的另一個div具有類別X時才瞄準一個div

Question

只有當div多一些時有的類別，纔有針對div.music的方法嗎？ success類是動態添加的，因此我只想在.success存在於DOM中時將目標設爲div.music。

例如，我知道，如果.music是正確低於.success，我可以做這樣的事情：使用相鄰選擇

.success + .music { styles here }。但是，如果兩個div不像這樣相鄰呢？

<div> 
    <div class="success"></div> 
    <div class="blah"></div> 
    <div class="blah"></div> 
    <div class="blah"></div> 
    <div class="music"></div> 
</div> 

Answer 1

可以，使用general sibling selector：~

.success ~ .music { 
    color:red; 
} 

jsFiddle example

的〜組合子分隔兩個選擇器和僅當它被第一先於第二 元素相匹配，並且都共享一個共同的 父項。