在CSS中,有時我們需要改變樣式的優先級,以達到更好的控制頁面的效果。下面我們來了解一些提升CSS優先級的方法。
一、 Inline樣式
<p style="color:red;">這是Inline樣式</p>
以style屬性定義在HTML標簽中的樣式,其優先級是最高的。如果多個樣式規則應用到一個元素,inline樣式將永遠覆蓋外部樣式表中的任何樣式。
二、 ID選擇器
#content { color:blue; }
使用ID選擇器可以在CSS中創建唯一的標識符(ID),并將其應用于一個元素上。這種選擇器選擇的元素只會有一個,其優先級是高于class選擇器和標簽選擇器的。
三、 Class選擇器
.text-red { color:red; }
使用class選擇器可以創建一個或多個類,多個元素可以共享同一個類。class選擇器的優先級比標簽選擇器高,但低于ID選擇器。
四、 標簽選擇器
p { color:green; }
在CSS中,標簽選擇器用于選擇任何指定類型的HTML標簽。標簽選擇器對應的元素是共同的,優先級最低。