css 中 :not伪类的使用

:not()逻辑伪类出身很早，早到IE9浏览器都支持，不像现在的新出来的逻辑选择器，:not()伪类括号里面并不支持复杂的选择器(虽然新的规范已经让支持了，目前还没有浏览器跟进)。

例如，:not()伪类括号里面不能多个选择器：

:not(.disabled, .read-only) {}    /* 无效，不支持 */

需要写作：

:not(.disabled), :not(.read-only) {}

例如，:not()伪类括号里面不支持选择器级联：

:not(a.disabled) {}    /* 无效，不支持 */

需要写作：

:not(a):not(.disabled) {}

本文参考：https://blog.csdn.net/lu92649264/article/details/112505832