用 :not() 排除特定段落样式时，只能传入简单选择器（如类名、ID、属性或伪类），不可用后代/子代等复合选择器；需配合父容器限定作用域或改用显式重置更可靠。
如何用 :not() 排除特定段落的样式
直接说结论：用 :not() 伪类可以跳过某些 元素，但必须确保选择器逻辑正确，否则样式仍会意外生效。它不是“关闭样式”的开关，而是“条件性不匹配”的过滤机制。
:not() 的参数只能是简单选择器，不能写复合选择器
常见错误是试图写 p:not(.intro p) 或 p:not(#sidebar p) —— 这在 CSS 中**非法**。:not() 括号内只接受单个类名、ID、属性选择器或伪类（如 :hover），不支持后代、子代等关系符。
- ✅ 正确：
p:not(.skip)、p:not([data-ignore])、p:not(:first-child) - ❌ 错误：
p:not(.sidebar p)、p:not(#nav a)、p:not(div > p)
如果要排除某个区域内的所有段落，得换思路：给那个区域加一个类（比如 class="no-styles"），再用 :not() 配合该类的父容器限定范围。
配合父容器使用 :not() 才能精准跳过嵌套段落
比如你希望全局 p 有字体大小和行高，但 #footer 里的 p 不应用这些样式。不能写 p:not(#footer p)（语法错误），而应写：
立即学习“前端免费学习笔记（深入）”；
body p {
font-size: 16px;
line-height: 1.5;
}
#footer p {
font-size: inherit;
line-height: inherit;
}
或者更干净的做法：用 :not() 配合父级限定作用域：
body:not(#footer) p,
body:not(.no-styles) p {
font-size: 16px;
line-height: 1.5;
}
注意：这种写法实际是“对非 #footer 的 body 下的 p 应用样式”，逻辑上可行，但可读性差、维护成本高。更推荐显式重置，而非靠 :not() “绕开”。
真正想“禁用样式”时，:not() 往往不是最优解
如果你的目标是让某些段落完全不受某组样式影响，优先考虑以下方式：
- 给需要排除的段落加一个明确类（如
class="plain"），然后用更具体的选择器覆盖：p.plain { all: unset; } - 用
inherit或initial显式重置关键属性，比依赖:not()更可控 -
:not()在复杂嵌套中容易被层叠规则反杀——比如你写了p:not(.skip) { color: red; }，但后面又有一条.skip { color: blue !important; }，那.skip段落依然会变蓝
真正难处理的，是那些无法修改 HTML 结构、又不能加 class 的场景；这时才值得花精力设计 :not() 组合，但务必用浏览器开发者工具逐层验证匹配结果。
