前端面試之CSS優先級順序

html+css

方式/步調

1
下面是CSS優先級挨次由高到低
優先級最高的-!important
用法是寫在通俗css屬性的后面，這樣就能實現第一流的css了，css樣式寫法如下
2
下面是CSS優先級挨次由高到低
行內樣式
行內樣式是經由過程style=“”，這樣直接寫在標簽里面，css樣式寫法如下
3
下面是CSS優先級挨次由高到低
ID選擇器
ID在html中是獨一的，經由過程#加名字，css樣式寫法如下
4
下面是CSS優先級挨次由高到低
類選擇器
類在css經由過程class來定名，利用方式是.加名字，css樣式寫法如下
5
下面是CSS優先級挨次由高到低
標簽
標簽指div,p,span這種，css樣式寫法如下
6
下面是CSS優先級挨次由高到低
通配符
經常用的有*，它會把所有的樣式都改變，一般用來重置樣式，寫法如下
7
下面是CSS優先級挨次由高到低
擔當
指的是父標簽設置樣式，而子標簽沒有設置樣式，子標簽會擔當父標簽的樣式
一般用于文本文字，例如font-size，color等
具體寫法如下
8
下面是CSS優先級挨次由高到低
瀏覽器默認樣式
每個瀏覽器的默認樣式都分歧，為了同一開辟樣式，我們一般城市設置一個重置樣式，下圖為谷歌瀏覽器自帶的padding屬性為8px，
9
最后總結一下：CSS優先級挨次
!important > 行內樣式>ID選擇器 > 類選擇器 > 標簽 > 通配符 > 擔當 > 瀏覽器默認樣式