選擇器
| 功能描述
|
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題目(10):結構性偽類選擇器CSS
- CSS 連結偽類選擇器順序原理CSS
- CSS E:default 偽類選擇器CSS
- CSS E:disabled偽類選擇器CSS
- CSS E:disabled 偽類選擇器CSS
- CSS E:checked 偽類選擇器CSS
- CSS E:hover偽類選擇器CSS
- CSS E:hover 偽類選擇器CSS
- CSS偽類與偽元素選擇器區別CSS
- 一個選擇器工具。測試結構偽類選擇器方法
- CSS :focus-within 偽類選擇器CSS
- CSS偽類選擇器是什麼CSS
- CSS @page:left列印偽類選擇器CSS
- CSS @page:first列印偽類選擇器CSS
- css偽類選擇符CSS
- CSS樣式中的通用選擇器和偽類選擇器CSS
- CSS @page:right列印偽類選擇器CSS
- HTML表單及CSS選擇器、偽類和偽元素HTMLCSS
- 從分類到結構之CSS選擇器CSS
- css :target偽類選擇器簡單介紹CSS
- CSS E:lang()偽類選擇符CSS
- 談談一些有趣的CSS題目(十)–結構性偽類選擇器CSS
- CSS選擇器(6)——偽元素CSS
- css選擇器分類總結CSS
- 徹底理解連結器:四
- CSS E::after 偽元素選擇器CSS
- 002---選擇器(標籤選擇器、類選擇器、id選擇器、偽類選擇器、萬用字元選擇器)字元
- CSS class 類選擇器CSS
- CSS多類選擇器CSS
- 偽類選擇器:愛恨法則;偽元素選擇器:before,after;清除浮動
- CSS中一些利用偽類、偽元素和相鄰元素選擇器的技巧CSS
- css選擇器的分類CSS
- 深入理解CSS偽類CSS
- css選擇器總結CSS
- css :first-child偽類選擇器用法介紹CSS