如果元素位于名为.footer
的类中,我想应用一堆样式(例如,对于.ct_ver1
元素),但是我也想排除(不应用)样式如果元素在类.ct_ver2
中。
结果应该是:
-无类-不应用样式
-类ct_ver1
元素-将样式应用于元素
-类ct_ver1
* ct_ver2
元素-不应用样式
在我当前的方法中,它不起作用,因为树中还有另一个div(ct_ver1_container
),因此ct_ver2
被忽略了,
因为选择器使用以下路径找到.footer
:
ct_ver
-> ct_ver1_container
-> footer
但是我想忽略(不应用样式)是否在任何级别的路径中都有一个类为ct_ver2
的div。
我应该如何编写正确的代码?
我当前的代码如下:
.ct_ver1 {
div:not(.ct_ver2) {
.footer {
float: left;
position: relative;
width: 100%;
overflow: hidden;
}
}
}