请解释CSS选择器的权重是如何计算的，并举例说明。

回答思路

1. 准确说明权重计算规则（内联样式、ID、类/属性/伪类、元素/伪元素）
2. 能举例计算不同选择器的权重值并比较优先级
3. 说明复杂选择器（如组合器、通配符、继承）对权重的影响
4. 理解权重相同时后出现规则优先的层叠原则
5. 能解释!important对权重体系的影响