您可以使用属性选择器来匹配只有一个类的div:
div[class=A] {
background: 1px solid #0f0;
}
如果要选择另一个具有多个类的div,请使用引号:
div[class="A C"] {
background: 1px solid #00f;
}
某些浏览器不支持属性选择器语法。像往常一样,“一些浏览器”是IE 6及以上的委婉语。
完整示例:
.A { font-size:22px; }
.B { font-weight: bold; border: 1px solid blue; }
.C { color: green; }
div[class="A"] {
border: 1px solid red;
}
div[class="A B"] {
border: 3px solid green;
}
"Target"
"NotMyTarget"
"NotMyTarget"
"NotMyTarget"
"NotMyTarget"
编辑2014-02-21:四年后::现在没有广泛提供,虽然在这个特定情况下详细:
.A:not(.B):not(.C):not(.D):not(.E) {
border: 1px solid red;
}