第四部分 CSS 3
· CSS3新增偽類有那些央串?
CSS3新增偽類
p:last-of-type? ? ? ? 選擇其父元素的最后的一個P元素
p:last-child? ? ? ? ? ? 選擇其父元素的最后子元素(一定是P才行)
p:first-of-type? ? ? ? 選擇其父元素的首個P元素
p:first-child? ? ? ? ? 選擇其父元素的首個p元素(一定是p才行)
p:only-child 選擇其父元素的只有一個元素(而且這個元素只能是p元素形病,不能有其他元素)
p:only-of-type 選擇其父元素的只有一個p元素(不能有第二個P元素鳞绕,其他元素可以有)
選第N個
p:nth-child(n)? ? 選擇其父元素的第N個 剛好是p的元素
p:nth-last-child(n)? ? ..............................................從最后一個子元素開始計數(shù)
p:nth-of-type(n) ? 選擇其父元素的n個元素
p:nth-last-of-type(n)? ........................從最后一個子元素開始計數(shù)
用在input上
:enabled
:
· 請解釋一下CSS3的Flexbox(彈性盒布局模型),以及適用場景钦椭?
· 主要作用是讓元素body使用flexbox布局瞒津,而不是普通的塊布局袜匿。在文檔流中的所有子元素(即不是絕對定位的元素)現(xiàn)在都變成了伸縮項目谍婉。
::before 和 :after中雙冒號和單冒號 有什么區(qū)別舒憾?解釋一下這2個偽元素的作用。
單冒號(:)用于CSS3偽類穗熬,雙冒號(::)用于CSS3偽元素镀迂。(偽元素由雙冒號和偽元素? ? 名稱組成)? 雙冒號是在當(dāng)前規(guī)范中引入的,用于區(qū)分偽類和偽元素唤蔗。不過瀏覽器需要同時支持舊的? ? 已經(jīng)存在的偽元素寫法探遵, 比如:first-line、:first-letter妓柜、:before箱季、:after等,? ? 而新的在CSS3中引入的偽元素則不允許再支持舊的單冒號的寫法棍掐。
想讓插入的內(nèi)容出現(xiàn)在其它內(nèi)容前藏雏,使用::before,否者作煌,使用::after掘殴;在代碼順序上赚瘦,::after生成的內(nèi)容也比::before生成的內(nèi)容靠后。如果按堆棧視角奏寨,::after生成的內(nèi)容會在::before生成的內(nèi)容之上