css - 定位一个只有一个类值的元素

Question

如果我有两个这样的元素

<div class="one two three"></div>
<div class="one"></div>

我想获取只有 "one" 类名的 div。

我知道我可以这样做:

div[class="one"] 

因为如果我做 div.one 它适用于两者，

有没有其他方法可以获取仅具有指定类名的元素？

编辑 - 目标是缩短选择器字符数

Answer 1

[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>