第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

關(guān)于css的結(jié)構(gòu)性偽類

關(guān)于css的結(jié)構(gòu)性偽類

狐的傳說 2019-04-09 20:23:55
關(guān)于css的nth-child(1)這樣的結(jié)構(gòu)性偽類我有一點很困惑。例如有一個:nth-child()還有一個:nth-of-type說是后者要求是相同類型的元素,前者不管是啥樣的元素,只要符合第幾個第幾個就行??墒俏以嚵艘幌?,前者也是要求符合冒號前面的選擇器的呀,例如下面這段代碼中,要將ul的第一個子元素標(biāo)為紅色,但由于第一個子元素不是li元素,所以規(guī)則失效了1234ulli:nth-child(1){color:red;}而如果是第一個子元素是li元素,規(guī)則便會生效123ulli:nth-child(1){color:red;}求大大解惑!
查看完整描述

2 回答

?
小怪獸愛吃肉

TA貢獻1852條經(jīng)驗 獲得超1個贊

贊同@rosen的說法,也就是說不管是ulli:nth-child(1)還是ulli:nth-of-type(1)最終都是來獲取li標(biāo)簽的。區(qū)別只是起始索引的位置不同:
:nth-child是從父標(biāo)簽內(nèi)所有的子元素開始索引,也就是說ulli:nth-child(1)正確的理解應(yīng)該是在ul標(biāo)簽所有的元素中排位在第一的li標(biāo)簽。這種li在第一個例子中顯然是不存在的,所以無效。
:nth-of-type是從父標(biāo)簽內(nèi)對應(yīng)子元素開始索引,也就是說ulli:nth-of-type(1)正確的理解應(yīng)該是在ul標(biāo)簽內(nèi)所有的li標(biāo)簽的第一個。
所謂的不限制元素是指在排號的時候不限制元素,并不是說在選擇器上不限制元素。
                            
查看完整回答
反對 回復(fù) 2019-04-09
?
阿波羅的戰(zhàn)車

TA貢獻1862條經(jīng)驗 獲得超6個贊

nth-child(1)指的是任何元素在父元素中的排位。所以例一中的li在ul中排名最高的只是2,沒有排第一的li,所以失敗。
:nth-of-type就是在父元素中只選你要的這個元素的排名
                            
查看完整回答
反對 回復(fù) 2019-04-09
  • 2 回答
  • 0 關(guān)注
  • 345 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號