亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

關于為什么a:nth-child(10)是10,而不是9的問題

看好多解答說是這里的10是指a標簽父元素的第十個子元素。

但是如果這么理解,我寫a:nth-child(10)和寫p:nth-child(10),豈不是一個意思了?

a標簽父元素的第十個子元素和p標簽父元素的第十個子元素都是同一個a,但代碼上去明顯不是這樣。

正在回答

1 回答

你理解大致上是對的,但是這個元素需要是前面限定的標簽。

a:nth-child(10),指的是其父元素的第10個元素,如果這個元素是a,將其選擇中;

p:nth-child(10),指的是其父元素的第10個元素(還是那個a),如果這個元素是p,將其選中;但此處第十個元素是a,所以并不能選中;

同理p:first-child 可以選中第一個p, a:first-child 不能選中元素。

css選擇器中的 :first-child, :last-child, :nth-child; 作用也是一樣。

css選擇器還有:firts-of-type,nth-of-type,last-of-type,nth-last-of-type; 這幾個選擇器會先篩選出對應的類型,

父標簽下第9個a,可以用 a:nth-of-type(9)將其選中。

7 回復 有任何疑惑可以回復我~
#1

JohannGong 提問者

非常感謝!
2018-07-23 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

關于為什么a:nth-child(10)是10,而不是9的問題

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號