css class不等于

在CSS中，我们经常使用class来定义元素的样式。而在一些情况下，我们可能需要判断一个元素的class是否不等于某个值，这时就需要使用到“不等于”符号。

/* 不等于符号 */
.class:not(.value) {
  /* 样式 */
}

/* 示例 */
/* 如果元素的class不是red，则文字颜色为绿色 */
.text:not(.red) {
  color: green;
}

上面的代码中，我们先定义了一个class选择器，使用了“不等于”符号来判断元素的class是否不为某个值。如果判断成立，则应用样式，否则不应用。

我们也可以使用多个class选择器来同时匹配元素，并使用“不等于”符号来筛选掉其中某个值。下面是一个例子：

/* 多个class选择器与不等于符号 */
.class1.class2:not(.value) {
  /* 样式 */
}

/* 示例 */
/* 如果元素有class1和class2，且不含red，则文字颜色为蓝色 */
.text.class1.class2:not(.red) {
  color: blue;
}

上述代码中，我们使用了多个class选择器，并将它们与不等于符号组合起来，来匹配同时拥有这些class但又不含某个值的元素。这样做可以更加灵活地定义样式。

需要注意的是，“不等于”符号只能在CSS3之后才支持，且在某些老旧的浏览器上可能无法兼容。因此，在编写代码时，需要根据实际情况权衡使用。