標簽選擇器
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