实例

  [class*='section-']:not(.section-name) {
    @include opacity(0.6);
    // Write your css code here
  }

//不透明度0.6所有“section-”，但不包括“section name”

就像要强调：not（）的上述答案在角度形式上非常有效，而不是创建效果或调整视图/DOM一样，

input.ng-invalid:not(.ng-pristine) { ... your css here i.e. border-color: red; ...}

确保在加载页面时，如果添加了数据（即不再原始）但无效，则输入字段将仅显示无效（红色边框或背景等）。

:not([class])

实际上，这将选择任何没有应用css类（class=“css selector”）的对象。

我做了一个jsfiddle演示

h2｛颜色：#fff｝：not（[class]）｛color:红色；背景色：蓝色｝.fake类｛color:绿色｝<h2 class=“fake class”>fake class将为绿色</h2><h2 class=“”>空类应为白色</h2><h2>没有班级应该是红色的</h2><h2 class=“fake-class2s”>fake-cass2应为白色</h2><h2 class=“”>空class2应为白色</h2><h2>类别2不应为红色</h2>

是否支持？是：Canouse.com（2020年1月2日访问）：

支持率：98.74%部分支撑：0.1%总计：98.84%

有趣的编辑，我在谷歌上搜索的是相反的：不是。CSS否定？

selector[class]  /* the oposite of :not[]*/

实例

  [class*='section-']:not(.section-name) {
    @include opacity(0.6);
    // Write your css code here
  }

//不透明度0.6所有“section-”，但不包括“section name”

如果您希望特定的类菜单在缺少类登录时具有特定的CSS：

body:not(.logged-in) .menu  {
    display: none
}

正如其他人所说，您只需输入：not（.class）。对于CSS选择器，我建议访问此链接，这在我的整个旅程中非常有用：https://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048

div:not(.success) {
  color: red;
}

否定伪类特别有用。假设我想选择所有div，除了id为container的div。上面的代码片段将完美地处理该任务。

或者，如果我想选择除段落标记之外的每个元素（不建议），我们可以这样做：

*:not(p) {
  color: green;
}