css权重叠加计算公式

CSS样式中的权重叠加计算基于选择器的特定规则。当有多个样式应用于同一个元素时，浏览器会按一定的优先级顺序应用它们。以下是权重计算的基本原则：

1. **ID选择器**（#id）：权重是最高的，等于1000。
2. **类选择器、属性选择器、伪类等**（.class, [attr], :hover）：每个级别都给100。
3. **标签选择器**（element）：默认权重为1。
4. **内联样式`style`属性**：权重最大，等于10000。

如果有相同的权重，那么后来声明的规则将覆盖前面的。例如，如果你有一个`div.style`内联样式和一个`.myClass`的外部样式，如果两者设置了相同的属性，那么`div.style`将会生效，因为它具有更高的权重。

计算过程通常是这样的：
- 先考虑所有的内置权重（如1-1000），然后把所有外链样式（来自`.css`文件）加起来。
- 内联样式总权重是10000，所以只要存在内联样式，它就总是最后的赢家。