有没有办法定位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>
答案 0 :(得分:1)
是的,请使用general sibling selector:~
.success ~ .music {
color:red;
}
<强> jsFiddle example 强>
〜组合器分离两个选择器并匹配第二个选择器 元素只有在第一个元素之前,并且两者共享一个共同元素 父节点。