關(guān)于為什么a:nth-child(10)是10，而不是9的問題
看好多解答說是這里的10是指a標(biāo)簽父元素的第十個子元素。
但是如果這么理解，我寫a:nth-child(10)和寫p:nth-child(10)，豈不是一個意思了？
a標(biāo)簽父元素的第十個子元素和p標(biāo)簽父元素的第十個子元素都是同一個a，但代碼上去明顯不是這樣。
JohannGong
2018-07-23
1 回答
舉報
0/150
提交
取消
2018-07-23
你理解大致上是對的，但是這個元素需要是前面限定的標(biāo)簽。
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; 這幾個選擇器會先篩選出對應(yīng)的類型，
父標(biāo)簽下第9個a，可以用 a:nth-of-type(9)將其選中。