css :not

作者：暗夜骑士发布日期:2026-07-17 浏览:64

/* 示例代码 */

/* 选择所有不带 .special 类的 p 元素 */
p:not(.special) {
  color: blue;
}

/* 选择所有不是第一个子元素的 li 元素 */
li:not(:first-child) {
  margin-top: 10px;
}

/* 选择所有不是 input 类型为 text 的 input 元素 */
input:not([type="text"]) {
  background-color: yellow;
}

/* 解释说明 */

/* :not() 是 CSS 中的选择器，用于排除特定条件的元素。它可以让开发者更精确地定位需要样式的元素，而不影响其他不需要样式的元素。上述示例展示了如何使用 :not() 来排除带有特定类、伪类或属性的元素。 */

上一篇：css阴影效果

下一篇：css transparent