此css Select 器的总体特性是什么按钮：不是(#mainBtn，.cta)

发布于01月20日

在MDN Web Docs网站上，他们提到 Select 器按钮的总特性:Not(#mainBtn，.cta)如下:

| Selector                    | Identifiers | Classes | Elements | Total specificity

| button:not(#mainBtn, .cta)  | 1           | 0       | 1        | 1-0-1

以下是MDN网站的URL: (https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance.

请参阅错误的突出显示部分:

See the highlighted portion for the error

我期待的是:

| Selector                    | Identifiers     | Classes     | Elements      | Total specificity

| button:not(#mainBtn, .cta)  | 1(for #mainBtn) | 1(for .cta) | 1(for button) | 1-1-1

我期待的是:

I am expecting this

有没有人能告诉我我是不是对的？

推荐答案

您链接到的MDN页面特别清楚地介绍了这一点，但不包括IMO.它说:

否定(:NOT())、关系 Select 器(:HAS())、Matches-Any(:is())伪类和CSS嵌套本身不会增加专用性，但它们的参数或嵌套规则会增加专用性.The specificity weight that each contributes to the specificity algorithm is the specificity weight of the selector in the parameter or nested rule with the greatest weight.个

The Selectors specification更准确地描述了它: