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

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

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

需要写作:

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

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

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

需要写作:

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