CSS(Cascading Style Sheets,層疊樣式表)是一種用于描述網頁外觀的樣式語言。當多個樣式規則同時影響同一元素時,CSS會根據“優先級”規則來決定哪個規則會被應用。
優先級是由四個級別組成的:內聯樣式、id選擇器、類選擇器/屬性選擇器/偽類選擇器、元素選擇器/偽元素選擇器。具體來說:
/* 內聯樣式(style屬性)優先級最高 */ <div style="color:red;">我是紅色的文字</div> /* id選擇器(#開頭)優先級僅次于內聯樣式 */ #myId { color: blue; } /* 類選擇器、屬性選擇器、偽類選擇器的優先級相等 */ .myClass { color: green; } div[data-lang="cn"] { font-size: 12px; } a:hover { text-decoration: underline; } /* 元素選擇器和偽元素選擇器的優先級相等 */ p { font-weight: bold; } p::first-letter { font-size: 24px; }
如果多個規則的優先級相同,那么后面的規則會覆蓋前面的規則。比如:
p { color: red; } p { color: blue; }
最終的文本顏色是藍色的。
由于優先級的復雜性,建議盡量避免使用!important聲明或者嵌套選擇器來改變優先級。
上一篇jquery返回的對話框
下一篇css怎么寫消息框