CSS优先级

什么是优先级

当有多个css选择器的样式声明在同一个html元素上时，我们要进行挑选，选择哪个作为元素的样式

MDN的另外一种描述是，判断css声明与html元素最相关

如何进行判断

判断条件，是以数值进行判断的，设定四个位，个十百千

这里说以类选择器，类选择器可以看做是属性选择器的子集,他可以以[class=‘xxx’]的形式作等效替换

同时向

数值的大小也有一种描述，将一个元素描述的越具体越详细，他的优先级就越高

**注意:**优先级没有进位，也就是当你个位超过了10，他的十位也不会进1

!important

这个属于跳出优先级的世界了，他相当于开了一个特权，强制让某个css声明应用到html元素中

但是这样尽量少用，比如我对一个样式用了

  <style>
    p{
      color: red !important;
    }
    body p{
      color: blue !important;
    }
  </style>

这样又在!important中去使用了优先级，这样相当于多此一举了，还不如使用原先的优先级，同时在项目中也是难以维护的