CSS 選擇符有哪些?哪些屬性可以繼承?優先級算法如何計算?CSS 3新增僞類有哪些?

這些都是一些面試碰到了,自己感覺回答的不太全面,到網上找資料整理的問題(具體不太記得從哪裏找來的資料,寫下來方便日後查看):

CSS 選擇符有以下這些:

id選擇器(# myid)

類選擇器(.myclassname)

標籤選擇器(div、h1、p)

相鄰選擇器(h1 + p)

子選擇器(ul > li)

後代選擇器(li a)

通配符選擇器( * )

屬性選擇器(a[rel = "external"])

僞類選擇器(a: hover, li: nth - child)

哪些屬性可以繼承:

可繼承: font-size font-family color, UL LI DL DD DT;

不可繼承 border padding margin width height ;

優先級算法如何計算:

優先級就近原則,樣式定義最近者爲準,載入樣式以最後載入的定位爲準

優先級爲:

       !important >  id > class > tag  

       important 比 內聯優先級高

行內元素<id選擇器<類選擇器/屬性選擇器<標籤選擇器

CSS3新增僞類舉例:

p:first-of-type 選擇屬於其父元素的首個<p>元素的每個<p>元素。

p:last-of-type  選擇屬於其父元素的最後<p>元素的每個<p>元素。

p:only-of-type  選擇屬於其父元素唯一的<p>元素的每個<p>元素。

p:only-child    選擇屬於其父元素的唯一子元素的每個<p>元素。

p:nth-child(2)  選擇屬於其父元素的第二個子元素的每個<p>元素。

:enabled、:disabled 控制表單控件的禁用狀態。

:checked  單選框或複選框被選中。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章