css選擇器總結

一.選擇器

1. css1選擇器

clipboard.png


2.css2選擇器

clipboard.png


3.css3選擇器

clipboard.png
clipboard.png


4.:nth-of-type(n)和:nth-child(n)區別

(1).在不指定類型時,nth-child(n)選中的是父元素下的第N個子元素。nth-of-type(n)選中的是父元素下的不一樣類型標籤的第N個。
(2).在指定具體元素時,ele:nth-child(n)要求不單單是第n個子元素,而且這個子元素的標籤是ele。ele:nth-of-type(n)選擇的是父元素下ele標籤的第n個css


5.:last-chid和:last-of-type區別

ele:last-child選中父元素下最後一個子元素,而且該子元素的標籤必須爲ele,不然一個都不選中。ele:last-of-type選中父元素下ele標籤的最後一個.css3

相關文章
相關標籤/搜索