資訊專欄INFORMATION COLUMN
摘要：新增了一些偽類選擇器比如不要費力去理解他們到底為了解決什么問題是對集合進行操作還是怎么怎么著記住這么一個規(guī)則如果生效需要也就是當(dāng)前元素的父元素的第一個子元素就是它本身此時才會生效同理需要才會生效第二類注意這里的有很大發(fā)展空間可以實
css3 新增了一些偽類選擇器
比如: selecor:first-child
不要費力去理解他們到底為了解決什么問題, 是對集合進行操作還是怎么怎么著, 記住這么一個規(guī)則:
如果 selector:first-child 生效, 需要:
**selector.parent.children.first == selector;**
也就是: 當(dāng)前元素的父元素的第一個子元素就是它本身, 此時, selector:first-child 才會生效.
同理:
selector:last-child, 需要:
selector.parent.children.last == selector; 才會生效第二類
nth-child()
注意這里的 n 有很大發(fā)展空間, 可以實現(xiàn) 奇／偶, 選擇哪幾個, 從哪幾個開始選.
nth-last-child() 倒著選
第三類:first-of-type
:last-of-type
:nth-of-type
:nth-last-of-type
:root
選擇文檔根元素.就是 html
:empty
選擇元素中連個空格都沒有的元素
:not
否定選擇器
:only-child
在集合只有一個元素的時候才會生效.
::selection
只能設(shè)置兩個屬性：background,color.
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/112240.html
摘要：必須要準(zhǔn)確的放置否則聲明無效。倒影設(shè)置元素的倒影準(zhǔn)確的來說不能算是的東西，但需要知道。默認(rèn)值不可繼承背景漸變漸變是在中新增加的圖片類型使用漸變可以在兩種顏色間制造出平滑的漸變效果用它代替圖片，可以加快頁面的載入時間減小帶寬占用。 CSS3主要內(nèi)容 一、CSS選擇器 ? CSS3選擇器規(guī)范地址： https://www.w3.org/TR/2011/RE...? ...
摘要：在元素之后添加內(nèi)容控制表單控件的禁用狀態(tài)。生成相對定位的元素，相對于其正常位置進行定位。由于浮動框不在文檔的普通流中，所以文檔的普通流的塊框表現(xiàn)得就像浮動框不存在一樣。 前端面試之CSS display: none; 與 visibility: hidden; 的區(qū)別 聯(lián)系：它們都能讓元素不可見 區(qū)別： display:none;會讓元素完全從渲染樹中消失，渲染的時候不占據(jù)任...
摘要：在元素之后添加內(nèi)容控制表單控件的禁用狀態(tài)。生成相對定位的元素，相對于其正常位置進行定位。由于浮動框不在文檔的普通流中，所以文檔的普通流的塊框表現(xiàn)得就像浮動框不存在一樣。 前端面試之CSS display: none; 與 visibility: hidden; 的區(qū)別 聯(lián)系：它們都能讓元素不可見 區(qū)別： display:none;會讓元素完全從渲染樹中消失，渲染的時候不占據(jù)任...
閱讀 2703·2023-04-25 19:13
閱讀 4041·2021-09-22 15:34
閱讀 3061·2019-08-30 14:23
閱讀 1470·2019-08-29 17:17
閱讀 1611·2019-08-29 16:05
閱讀 1544·2019-08-29 13:26
閱讀 1223·2019-08-29 13:19
閱讀 561·2019-08-29 13:16
