摘要:新增了一些偽類選擇器比如不要費力去理解他們到底為了解決什么問題是對集合進行操作還是怎么怎么著記住這么一個規則如果生效需要也就是當前元素的父元素的第一個子元素就是它本身此時才會生效同理需要才會生效第二類注意這里的有很大發展空間可以實
css3 新增了一些偽類選擇器
比如: selecor:first-child
不要費力去理解他們到底為了解決什么問題, 是對集合進行操作還是怎么怎么著, 記住這么一個規則: 如果 selector:first-child 生效, 需要: **selector.parent.children.first == selector;**
也就是: 當前元素的父元素的第一個子元素就是它本身, 此時, selector:first-child 才會生效.
同理:
selector:last-child, 需要:
selector.parent.children.last == selector; 才會生效第二類
nth-child()
注意這里的 n 有很大發展空間, 可以實現 奇/偶, 選擇哪幾個, 從哪幾個開始選.
nth-last-child() 倒著選
第三類:first-of-type
:last-of-type
:nth-of-type
:nth-last-of-type
:root
選擇文檔根元素.就是 html
:empty
選擇元素中連個空格都沒有的元素
:not
否定選擇器
:only-child
在集合只有一個元素的時候才會生效.
::selection
只能設置兩個屬性:background,color.
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/112240.html
摘要:在元素之后添加內容控制表單控件的禁用狀態。生成相對定位的元素,相對于其正常位置進行定位。由于浮動框不在文檔的普通流中,所以文檔的普通流的塊框表現得就像浮動框不存在一樣。 前端面試之CSS display: none; 與 visibility: hidden; 的區別 聯系:它們都能讓元素不可見 區別: display:none;會讓元素完全從渲染樹中消失,渲染的時候不占據任...
摘要:在元素之后添加內容控制表單控件的禁用狀態。生成相對定位的元素,相對于其正常位置進行定位。由于浮動框不在文檔的普通流中,所以文檔的普通流的塊框表現得就像浮動框不存在一樣。 前端面試之CSS display: none; 與 visibility: hidden; 的區別 聯系:它們都能讓元素不可見 區別: display:none;會讓元素完全從渲染樹中消失,渲染的時候不占據任...
閱讀 2692·2023-04-25 19:13
閱讀 4010·2021-09-22 15:34
閱讀 3053·2019-08-30 14:23
閱讀 1462·2019-08-29 17:17
閱讀 1603·2019-08-29 16:05
閱讀 1537·2019-08-29 13:26
閱讀 1218·2019-08-29 13:19
閱讀 553·2019-08-29 13:16