關于為什么a:nth-child(10)是10,而不是9的問題
看好多解答說是這里的10是指a標簽父元素的第十個子元素。
但是如果這么理解,我寫a:nth-child(10)和寫p:nth-child(10),豈不是一個意思了?
a標簽父元素的第十個子元素和p標簽父元素的第十個子元素都是同一個a,但代碼上去明顯不是這樣。
看好多解答說是這里的10是指a標簽父元素的第十個子元素。
但是如果這么理解,我寫a:nth-child(10)和寫p:nth-child(10),豈不是一個意思了?
a標簽父元素的第十個子元素和p標簽父元素的第十個子元素都是同一個a,但代碼上去明顯不是這樣。
2018-07-23
舉報
2018-07-23
你理解大致上是對的,但是這個元素需要是前面限定的標簽。
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)將其選中。