如果我有两个这样的元素
<div class="one two three"></div>
<div class="one"></div>
我想获取只有 "one"
类名的 div。
我知道我可以这样做:
div[class="one"]
因为如果我做 div.one
它适用于两者,
有没有其他方法可以获取仅具有指定类名的元素?
编辑 - 目标是缩短选择器字符数
最佳答案
[class=one]
是目前在 CSS 中选择单个类的最短方式。如果您担心这对其他开发人员来说会显得奇怪,请确保在旁边添加评论。
如果你知道其他类,你可以使用 :not
pseudo-class :
div {
height: 100px;
width: 100px;
margin: 10px;
}
div.one {
background: purple;
}
div.one:not(.two):not(.three) {
background: red;
}
<div class="one two three"></div>
<div class="one"></div>
关于css - 定位一个只有一个类值的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32728573/