一、簡介
博客園的文章是支持html代碼和css樣式的,即使是markdown寫作,當某個標簽需要特制樣式時,我們可以自定義樣式來覆寫掉原本的樣式,
二、css樣式優先級
參考至>>菜鳥教程<<
其中最重要的有兩點,
①
行內樣式 > ID 選擇器(#) > 類選擇器( . ) = 屬性選擇器 = 偽類選擇器 > 標簽選擇器 = 偽元素選擇器
還有
行內樣式 > 內部樣式 > 外部樣式
行內樣式即寫在標簽中的style屬性;內部樣式即寫在html檔案其它位置的<style>標簽;外部樣式即<link>標簽遠程加載的樣式,相同優先級有沖突的話,靠后的生效,
但是很容易發現即使是行內樣式,也不生效的情況,那是因為
②
當一個標簽同時被多個選擇符選中,我們便需要確定這些選擇符的優先級,我們有如下規則:
計算選擇符中 ID 選擇器的個數(a),計算選擇符中類選擇器、屬性選擇器以及偽類選擇器的個數之和(b),計算選擇符中標簽選擇器和偽元素選擇器的個數之和(c),按 a、b、c 的順序依次比較大小,大的則優先級高,相等則比較下一個,若最后兩個的選擇符中 a、b、c 都相等,則按照"就近原則"來判斷,
即樣式前面的選擇器多的優先級高
一般來說我們自己的標簽寫一個id,用上父級標簽的id和自己的id就有足夠高的優先級了
如
#topics #no-box-shadow-img{
box-shadow:none;
}
ヽ( ⌒ω⌒)人(=‥= )?
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/230961.html
標籤:其他
上一篇:第十三章 排序演算法 上部分
