選擇器
| 功能描述
|
E:firse-child | 作為父元素的第一個子元素的元素E。與E:nth-child(1)等同 |
E:last-child | 作為父元素的最後一個子元素的元素E。與E：nth-last-child(1)等同 |
E:root
| 選擇匹配元素E所在文件的跟元素。在HTML文件中，跟元素始終是html，此時該選擇器與html型別選擇器匹配的內容相同。
|
E F:nth-child(n) | 選擇父元素E的第N個子元素F。其中N可以是整數（1、2、3）、關鍵字（even、odd）、可以是公式（2n+1、-n+5）而且n值起始值為1 |
E F:nth-last-child(n) | 選擇元素E的倒數第N個子元素f。此選擇器與E F:nth-child(n)選擇器計算順序剛好相反，但使用方法都是一樣的，其中:nth-last-child(1)始終匹配的時最後一個元素，與:last-child等同 |
E:nth-of-type(n) | 選擇父元素內具有指定型別的第N個E元素 |
E:nth-last-of-typy(N) | 選擇父元素內具有指定型別的倒數第N個E元素 |
E:first-of-type | 選擇父元素內具有指定型別的第一個E元素，與:nth-of-type(1)等同 |
E:last-of-type | 選擇父元素內具有指定型別的最後一個E元素，與E:nth-last-of-type(1)等同 |
E:only-child
| 選擇父元素只包含一個子元素，且該子元素匹配E元素
|
E:only-of-type
| 選擇父元素只包含一個同型別的子元素，且該子元素匹配E元素
|
E:empty
| 選擇沒有子元素的元素，而且該元素也不包含任何文字節點。 |
徹底理解CSS結構偽類選擇器
相關文章
- CSS3新增選擇器（屬性選擇器、結構偽類選擇器、偽元素選擇器）CSSS3
- CSS 偽類選擇器CSS
- CSS 連結偽類選擇器順序原理CSS
- CSS E:hover 偽類選擇器CSS
- CSS E:checked 偽類選擇器CSS
- CSS E:hover偽類選擇器CSS
- CSS E:disabled 偽類選擇器CSS
- CSS E:disabled偽類選擇器CSS
- CSS E:default 偽類選擇器CSS
- CSS偽類與偽元素選擇器區別CSS
- CSS @page:right列印偽類選擇器CSS
- CSS @page:left列印偽類選擇器CSS
- CSS @page:first列印偽類選擇器CSS
- CSS :focus-within 偽類選擇器CSS
- CSS偽類選擇器是什麼CSS
- css偽類選擇符CSS
- HTML表單及CSS選擇器、偽類和偽元素HTMLCSS
- CSS E:lang()偽類選擇符CSS
- :fullscreen 偽類選擇器
- 徹底理解連結器：四
- CSS E::after 偽元素選擇器CSS
- 002---選擇器（標籤選擇器、類選擇器、id選擇器、偽類選擇器、萬用字元選擇器）字元
- CSS class 類選擇器CSS
- 偽類選擇器：愛恨法則；偽元素選擇器：before，after；清除浮動
- CSS E::first-line偽元素選擇器CSS
- CSS中一些利用偽類、偽元素和相鄰元素選擇器的技巧CSS
- css選擇器的分類CSS
- 通過css類/選擇器選取元素文件結構和遍歷元素樹的文件CSS
- CSS E::before 偽元素選擇符CSS
- 前端筆記之HTML5&CSS3（中）選擇器&偽類偽元素&CSS3效果&漸變背景&過渡前端筆記HTMLCSSS3
- css3偽元素選擇器before 和 after 的使用CSSS3
- CSS選擇器CSS
- CSS選擇器種類及使用方法CSS
- CSS 小結筆記之選擇器CSS筆記
- 深入理解CSS選擇器優先順序CSS
- 徹底理解ReentrantLockReentrantLock
- 徹底理解volatile
- 徹底理解synchronizedsynchronized