CSS优先级 补充

CSS优先级 补充

!important

作用：

用于提升某个直接选中标签的选择器中的某个属性的优先级，可以将被选中属性的优先级提升至最高

注意点：

• 只能用于直接选中的标签，不能用于继承的(简介选中)
  • 通配符选择器也是直接选中
• 只能提升被选中的属性的优先级
• 感叹号不可省略，必须写在分号前

格式:

#p1 {
    color:red !important;
}

权重问题

作用：

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

权重计算方法

• 首先计算选择器中有多少个id，id越多优先级越高
• 如果id个数一样子，再看类名个数，类名个数越多优先级越高
• 如果类名和id个数都一样，看标签个数，标签个数越多有限级越高
• 如果id，类名，标签个数都一样，那么谁写在后边谁优先级高

注意点：

• 只能用于直接选中的标签，不能用于继承的(简介选中)
  • 通配符选择器也是直接选中
• 只能提升被选中的属性的优先级
• 感叹号不可省略，必须写在分号前

格式:

#p1 {
    color:red !important;
}