基礎選擇器
1. 通用選擇器,匹配任何元素:*
color:#ff0000;
2.標籤選擇器,匹配指定的所有標籤:
p"對於派生選擇器,當有"#"號出現時,不管'#'號在什麼地方,第乙個或者中間或者最後乙個,
都視為id派生選擇器,優先順序高於只有乙個選擇的id選擇器,比如:
div #abc .hello{} 優先順序高於 #abc{}
同理,類派生選擇器,當派生選擇器中沒有'#',而有'.'出現時,叫做類派生選擇器
div .hello p{} 優先順序高於.hello{}
那麼,對於同是派生選擇器,優先順序又是怎樣的呢?
對於id派生選擇器,id選擇器個數多的優先順序高於id選擇器個數少的,比如:
div #a #b #c{} 優先順序高於 div #a #b .c{}
當id選擇器個數相同的時候,根據誰在後用誰,比如:
div #a #b .c{}
div #a .b #c{}
那麼最後起作用的將是div #a .b #c{}
對於類派生選擇器,是和id派生選擇器一樣的。
綜合起來:
瀏覽器預設,優先順序最低
內聯樣式,優先順序最高
外部樣式表優先順序始終小於內部樣式表
在內部和外部樣式表中,又按照選擇器優先順序區分,元素的效果總是由優先順序最高的選擇器所規定的。
(從上面可以看出,優先順序的順序總是由最詳細的選擇器所決定的,哪個選擇器規定的越清楚,就用誰)
CSS選擇器及優先順序
css優先順序的計算公式 通常我們可以將css的優先順序由高到低分為六組 無條件優先的屬性只需要在屬性後面使用 important 它會覆蓋頁面內任何位置定義的元素樣式。當然,ie 6不支援這個屬性,於是它也成為一種hack被很多人所熟知,真正使命被人淡忘。第二高位的優先屬性是在html中給元素標籤...
CSS選擇器及優先順序
css選擇器 css選擇器優先順序 解釋 對一種有標識的內容進行樣式變化 標籤選擇器 對應的標籤檔案所有對應的標籤都會被選擇修飾 選擇器名 標籤 類選擇器 標籤內的屬性 class 值 選擇器名 class 顧名思義,是一類的內容使用同一種樣式 id選擇器 標籤內的屬性 id 值 選擇器名 id i...
css選擇器及優先順序
後代選擇器 div p 選擇div元素裡面的所有p元素 子選擇器 div p 選擇父元素為div的所有p元素 同胞選擇器 div p 選擇所有緊跟在div之後的p元素 組選擇器 div,p 選擇所有的div和p元素 共同選擇器 div.name 選擇所有類名為name的div元素。即同時滿足 此外還...