原文:CSS3選擇非first-child第一個子元素

有時候我們需要用CSS選擇非第一個子元素,例如下面這樣的HTML,希望讓兩個span之間間隔一定的距離,但又不希望簡單的給每個span設置margin right 會導致最后一個span也有margin right,可能影響之后元素的排版 。 這時如果能排除第一個元素,並給其他元素設置margin left屬性,就能實現比較好的效果了。 可以利用not和first child,通過下面的CSS實現 ...

2020-03-17 17:14 0 1706 推薦指數:

查看詳情

css選擇器可以選擇第一個子元素的其他元素的方法

第一種方法:使用not選擇器 :not(:first-child) 第二種方法:使用nth-of-type選擇器,與第一種類似,只不過多了元素類型 第三種方法:使用nth-child選擇器(匹配div父元素的第2個及之后的元素) ...

Mon Mar 08 18:44:00 CST 2021 0 1107
CSS :first-child 選擇

:first-child 選擇器用於選取屬於其父元素的首個子元素的指定選擇器。——w3school 嗯,乍一看好像說的不是很明白,因此這個選擇器很容易讓人誤解,通常會有兩種誤解:誤解一:認為E:first-child選中E元素第一個子元素。誤解二:認為E:first-child選中E元素的父 ...

Sat May 25 16:39:00 CST 2019 0 2051
jQuery過濾選擇器:first和:first-child的區別,CSS偽類:first-child

最近項目中遇到需求:只在第一列不能刪除,不顯示小叉號;點擊可添加一列,后面的列右上角顯示小叉號,可以點擊刪除。 我是使用以下方法解決這個小需求 :CSS偽類選擇器:first-child設置所有小叉號不顯示,當點擊添加一列時,用jQuery過濾選擇器只控制第一個不顯示小叉號 ...

Wed Mar 22 22:18:00 CST 2017 0 1552
css3first-child不起作用

今天遇到first-child不起作用,在網上搜了一下,發現這篇文章,才發現以往對這個偽類的理解居然都是錯誤的,在此糾正一下 first-childcss3中的控制器,意味着選擇統計元素第一個元素 我們先看一個例子:css代碼: html代碼: 結果是 ...

Thu Sep 04 19:22:00 CST 2014 0 2857
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM