第一種方法:使用not選擇器 :not(:first-child) 第二種方法:使用nth-of-type選擇器,與第一種類似,只不過多了元素類型 第三種方法:使用nth-child選擇器(匹配div父元素的第2個及之后的子元素) ...
有時候我們需要用CSS選擇非第一個子元素,例如下面這樣的HTML,希望讓兩個span之間間隔一定的距離,但又不希望簡單的給每個span設置margin right 會導致最后一個span也有margin right,可能影響之后元素的排版 。 這時如果能排除第一個元素,並給其他元素設置margin left屬性,就能實現比較好的效果了。 可以利用not和first child,通過下面的CSS實現 ...
2020-03-17 17:14 0 1706 推薦指數:
第一種方法:使用not選擇器 :not(:first-child) 第二種方法:使用nth-of-type選擇器,與第一種類似,只不過多了元素類型 第三種方法:使用nth-child選擇器(匹配div父元素的第2個及之后的子元素) ...
一、選擇元素父級的子元素(包含其它不相同的元素) (1)li:first-child { }; 選擇第一個子元素(注意這里沒有括號) (2)li:last-child { }; 選擇ul中最后一個子元素 (3)li:nth-child(3) { }; 順數第三個元素 ...
:first-child 選擇器用於選取屬於其父元素的首個子元素的指定選擇器。——w3school 嗯,乍一看好像說的不是很明白,因此這個選擇器很容易讓人誤解,通常會有兩種誤解:誤解一:認為E:first-child選中E元素的第一個子元素。誤解二:認為E:first-child選中E元素的父 ...
選取指定(p)父元素下的第一個子元素(無關目標元素在父元素中所處的位置): 實例: ...
最近項目中遇到需求:只在第一列不能刪除,不顯示小叉號;點擊可添加一列,后面的列右上角顯示小叉號,可以點擊刪除。 我是使用以下方法解決這個小需求 :CSS偽類選擇器:first-child設置所有小叉號不顯示,當點擊添加一列時,用jQuery過濾選擇器只控制第一個不顯示小叉號 ...
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>&l ...
今天遇到first-child不起作用,在網上搜了一下,發現這篇文章,才發現以往對這個偽類的理解居然都是錯誤的,在此糾正一下 first-child是css3中的控制器,意味着選擇統計元素的第一個元素 我們先看一個例子:css代碼: html代碼: 結果是 ...