国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

詳解CSS中的選擇器優先級順序

2024-07-11 08:32:47
字體：大 中 小
來源：轉載
供稿：網友

特殊性是什么
在對一個HTML元素應用CSS樣式時，常常有很多種方法可以找到元素，比如：

CSS Code復制內容到剪貼板
  1. <div id="container" class="wrap_sty">        <p class="pra">這是一個段落</p>   
  2. </div>    <style>   
  3.     #container p { color:red }        div p { color:green }   
  4.     p { color:yellow }     </style>  

可見，如果要作用到一個HTML元素的方法有很多，遠遠不止這些。那么如果一個元素被應用了很多同樣的樣式，最終會顯式到哪一個樣式呢？CSS對于多個選擇器的優先性使用了一個叫做特殊性的方式。

CSS特殊性
選擇器的特殊性分為4個等級，a b c d，從左到右，越左邊的越優先, 如果一個選擇器規則有多個相同類型選擇器，則+1。
如果是HTML內樣式，那么特殊性最優先，a=1
id選擇器的特殊性是b，
類選擇器、偽類選擇器、屬性選擇器為c
標簽選擇器、偽元素選擇器為d
先來說說一些選擇器類型：
1.id選擇器

CSS Code復制內容到剪貼板
  1. #myid { ... }  

2.類選擇器

CSS Code復制內容到剪貼板
  1. .myclass { ... }  

3.標簽選擇器

CSS Code復制內容到剪貼板
  1. p { ... }  

4.屬性選擇器

CSS Code復制內容到剪貼板
  1. [title="mytitle"] { ... }  

由于大多數文檔例如W3CSCHOOL可能并沒有詳細說明，或許不少人認為屬性選擇器是這樣的  div[title="mytitle"] 或#id[title="mytitle"]等等，這樣是屬性選擇器，嚴格來說，這樣的并非單純的屬性選擇器，而是由id選擇器、標簽選擇器等等和屬性選擇共同組成的。
5.偽類選擇器

CSS Code復制內容到剪貼板
  1. p:hover { ... }  

常見的偽類選擇器有：
鏈接偽類，:link， :visited，用于錨元素。
動態偽類，:hover，:focus，:active，用于任何選擇。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 从江县| 苍山县| 宜黄县| 西丰县| 富源县| 淮滨县| 山东省| 泽州县| 宜州市| 娄烦县| 驻马店市| 苗栗市| 昭觉县| 布拖县| 独山县| 临城县| 曲水县| 沙河市| 湖北省| 峨山| 清新县| 池州市| 基隆市| 荆门市| 璧山县| 尼木县| 教育| 黑河市| 泰宁县| 广宁县| 府谷县| 克拉玛依市| 延寿县| 平阴县| 吉林省| 江北区| 贵港市| 荣昌县| 左贡县| 马龙县| 邵东县|