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

时间:2014-10-07 20:53:24

标签: css css3

有没有办法定位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>

1 个答案:

答案 0 :(得分:1)

是的,请使用general sibling selector~

.success ~ .music {
   color:red;
}

<强> jsFiddle example

  

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