Цель div, если другой div в dom имеет класс X

Question

Есть ли способ настроить таргетинг div.music только тогда, когда у div еще есть класс success? Класс success добавляется динамически, поэтому я хочу только настроить таргетинг div.music, когдасуществует в DOM.

Например, я знаю, что если .music был прямо под .success, я могу сделать что-то вроде этого:

.success + .music { styles here } используя прилегающий селектор. Однако, что, если два divs не смежны друг с другом, как это?

<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

Команда ~ комбинатор отделяет два селектора и соответствует второму элемент, только если он предшествует первым , и оба имеют общий родительский .