這些都是一些面試碰到了,自己感覺回答的不太全面,到網上找資料整理的問題(具體不太記得從哪裏找來的資料,寫下來方便日後查看):
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 單選框或複選框被選中。