仅当dom中的另一个div具有X类时才定位div

Question

有没有办法定位div.music只有当几个div有success类时？ success类会动态添加，因此我只想在DOM中存在div.music时定位.success。

例如，我知道如果.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

  

〜组合器分离两个选择器并匹配第二个选择器   元素只有在第一个元素之前，并且两者共享一个共同元素   父节点。