css3偽類選擇器的幾種寫法介紹

2022-12-22 08:45

1個(gè)回答
一、X:nth-child(n) li:nth-child(3) {
color: red;}接下來(lái)的幾個(gè)偽類選擇器使用上非常類似,功能也比較接近。
:nth-child(n),用于匹配索引值為n的子元素。索引值從1開始。
X:nth-child()用法實(shí)際上有三種變化,demo的用法是最簡(jiǎn)單的,X:nth-child()更強(qiáng)大的用處在于奇偶匹配,明河不展開講,有興趣的請(qǐng)看《Understanding :nth-child Pseudo-class Expressions》,《CSS3 :nth-child()偽類選擇器》 二、X:nth-last-child(n) li:nth-last-child(2) {
color: red;}:nth-child(n),是從第一個(gè)開始算索引,而X:nth-last-child(n)是從最后一個(gè)開始算索引。
相關(guān)問(wèn)答
css3怎么用偽類選擇器不要第一個(gè)
1個(gè)回答2023-05-09 22:31
一、X:nth-child(n) li:nth-child(3) { color: red;}接下來(lái)的幾個(gè)偽類選擇器使用上非常類似,功能也比較接近。 :nth-child(n),用于匹配索引值為n的子...
全文
css3的選擇器有哪些?
1個(gè)回答2022-12-19 03:20
css3選擇器如下:? 一、通配符選擇器(*)? 通配符選擇器是用來(lái)選擇所有元素,,也可以選擇某個(gè)元素下的所有元素。? 二、元素選擇器(E)? 元素選擇器,是css選擇器中最常見而且最基本的...
全文
偽類選擇器的用法
2個(gè)回答2023-02-18 10:35
.wei{ width:12px } 這樣可以控制
偽戀 男主最后選擇了誰(shuí)
1個(gè)回答2024-03-16 01:32
支持一條樂將她們?nèi)樟?,咕嘿嘿~~~
less中結(jié)構(gòu)偽類選擇器怎么用
1個(gè)回答2022-12-17 08:22
首先,*:first-child這個(gè)偽類的作用是匹配*這個(gè)標(biāo)簽的第一個(gè)元素。但是事實(shí)上,有的瀏覽器并沒有這樣的解釋這個(gè)偽類。所以為了準(zhǔn)確不出錯(cuò),需要另外一個(gè)選擇器*>*:first-child。比如,...
全文
偽類選擇器怎么運(yùn)作會(huì)優(yōu)雅
1個(gè)回答2023-05-13 11:10
偽類選擇器運(yùn)作會(huì)優(yōu)雅的方法: 使用first-child屬性設(shè)置ul標(biāo)簽中的第一個(gè)li標(biāo)簽文本顏色為紅色。 使用last-child屬性設(shè)置ul標(biāo)簽中的最后一個(gè)li標(biāo)簽文本顏色為紅色。 使用nth-c...
全文
傳奇世界手游武器哪個(gè)好 最強(qiáng)武器選擇
1個(gè)回答2024-01-18 11:15
  一、桃木劍   在傳奇世界手游紛繁復(fù)雜的武器譜系中,桃木劍并不是最亮眼的那一個(gè)。雖然它既沒有恐怖的殺傷能力,也沒有絢麗奪目的外形,但在眾多玩家心目中,桃木劍具有不可替代的地位,...
全文
人生選擇器全部劇情講解?
1個(gè)回答2024-05-13 04:06
人生選擇器是一款會(huì)觸發(fā)一些隨機(jī)事件的模擬經(jīng)營(yíng),每個(gè)人的一生都會(huì)出現(xiàn)各種不順心的事情,并且直接關(guān)乎自己的一生
如何給小孩選擇助聽器,選擇助聽器的品牌很多,不知哪個(gè)好?
1個(gè)回答2024-03-07 16:58
小孩子的助聽器要慎重考慮。助聽器的選擇要考慮很多的。我朋友就配過(guò)助聽器,聽他說(shuō),助聽器的選擇除了考慮品牌,專業(yè)驗(yàn)配機(jī)構(gòu),價(jià)格,助聽器性能以外,還有一個(gè)更重要的,那就是助聽器的人員更重要,因?yàn)橹犉鞯男?!-- -->...
全文
熱門問(wèn)答