CSS選擇器

標簽選擇器 body、h1、dl、ul、span

id選擇器 #

類選擇器
1) class可以重復,也就是說,同一個頁面上可能有多個標簽同時屬于某一個類;
2) 同一個標簽可以同時攜帶多個類。

后代選擇器 .div1 p 就是.div1的后代所有的p,后代選擇器,描述的是祖先結構

交集選擇器 h3.special 必須是h3標簽,然后必須是special標簽

并集選擇器(分組選擇器) h3,li 用逗號就表示并集

通配符* 效率不高,如果頁面上的標簽越多,效率越低,所以頁面上不能出現這個選擇器

CSS3選擇器

兒子選擇器> div>p div的兒子p。和div的后代p的截然不同

序選擇器 選擇第1個li ul li:first-child 選擇最后一個1i ul li:last-child

下一個兄弟選擇器 h3+p 選擇上的是h3元素后面緊挨著的第一個兄弟

CSS的繼承性和層疊性

繼承性 color、 text-開頭的、line-開頭的、font-開頭的 這些關于文字樣式的,都能夠繼承; 所有關于盒子的、定位的、布局的屬性都不能繼承

層疊性 就是css處理沖突的能力。 所有的權重計算,沒有任何兼容問題 統計權重:id的數量,類的數量,標簽的數量
權重問題大總結: 1) 先看有沒有選中,如果選中了,那么以(id數,類數,標簽數)來計權重。誰大聽誰的。如果都一樣,聽后寫的為準。 2) 如果沒有選中,那么權重是0。如果大家都是0,就近原則。

!important 這個屬性的權重就是無窮大

image.png
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 一,CSS選擇器常見的有幾種? 答: 基礎選擇器 組合選擇器 屬性選擇器 偽類選擇器 偽元素選擇器 基礎選擇器 組...
    kingBirds閱讀 1,815評論 0 0
  • 一.class 和 id 的使用場景? name:指定標簽的名稱應用場景:①form表單:name可作為傳遞給服務...
    Sunset125閱讀 976評論 0 0
  • id選擇器 先看看class屬性和id屬性的區別吧。 id id用于定義唯一的標識符,它是一個全局屬性,在整個HT...
    知更鳥_b4d4閱讀 437評論 0 0
  • 轉載自牢記31種CSS選擇器用法 1 * 星號選擇器用于選取頁面中的所有元素,可用于快速清除所有元素的 margi...
    Icestains閱讀 1,264評論 0 1
  • 去年12月19日,和姐姐分享我那大半個月的成長。 比如,某天看完穆賈尼的《再活一次,和人生溫柔相擁》的夜里,突然在...
    水若_小水囈夢閱讀 987評論 1 1