css - 仅当 dom 中的另一个 div 具有 X 类时才将 div 作为目标

Question

有没有办法只在上面的 div 有一个 success 类时才定位 div.music？ success 类是动态添加的，所以当 DOM 中存在 .success 时，我只想定位 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

The ~ combinator separates two selectors and matches the second element only if it is preceded by the first, and both share a common parent.