CSS基本选择器和复合选择器选中同一元素如何计算优先级权重

基本选择器的优先级

• ! important > 行内样式 > ID选择器 > 类选择器 > 标签名选择器 > * 选择器 > 继承 > 浏览器默认
• 如果优先级相同，采用就近原则，谁最后设置就以谁为准

什么是优先级权重

• 当多个选择器混合在一起使用时，我们可以通过计算权重来判断谁的优先级高。

权重的计算规则

1. 计算选择器中有多少个id,id多的优先级越高；
   
   
2. 如果说ID个数一样，那么类名多的个数的优先级越高
   
   
3. 如果类名个数相同，看标签名称的个数，越多优先级越高
   
   
4. 如果ID个数一样，类名个数一样，标签名个数一样，那么就不会往下计算了，此时谁写在后面就听谁的。