关于 CSS 选择器权重，99% 的人都理解错了！

CSS 选择器的权重（特异性）是确定在多个选择器应用于同一元素时，哪个选择器的样式会最终生效的关键因素。然而，关于 CSS 选择器特异性的理解，常常存在一些常见的误解。本文将探讨这些误解，并帮助大家理解 CSS 选择器的权重。误解一：权重是一个数字CSS 选择器的权重并不是一些数字。所以，计算元素的权重时，并不是简单的将权重数值相加就可以了。CSS 选择器的权重由三个部分组成，表示为 (a, b, c)，其中 a、b、c 分别代表了不同选择器类型的权重。具体规则如下：ID选择器：权重值为（1, 0, 0），通过元素的ID选择器来匹配的样式。类选择器、属性选择器和伪类选择器：权重值为（0, 1, 0），类选择器（如.example）、属性选择器（如[type="text"]）和伪类选择器（如:hover）具有相同的权重。元素选择器和伪元素选择器：权重值为（0, 0, 1），元 ………………………………