定位仅具有一个类值的元素

Question

如果我有两个这样的元素

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

我想抓住只有"one"。

我知道我可以这样做：

div[class="one"] 

因为如果我这样做div.one这样做，这对两者都适用，

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

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

Answer 1

[class=one]是目前在 CSS 中选择单个类的最短方法。如果您担心这对其他开发人员来说会显得很奇怪，请确保在其旁边添加注释。

如果您知道其他类，则可以使用:not伪类：

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>