鍍金池/ 問答/C  數(shù)據(jù)庫  HTML/ css選擇器中，為什么nth-child選擇器選中不了第一個

css選擇器中，為什么nth-child選擇器選中不了第一個

如題，案例：http://www.w3school.com.cn/ti...

回答
編輯回答
吢丕

nth-child是選擇父元素下的子元素，下標(biāo)從1開始

p:nth-child(3n + 0)表示選擇p元素父元素下的第3，6，9...個子元素，如果要選中第一個元素，要寫成:nth-child(1)，同理:nth-child(3n + 1)就代表選中第1，4，7...個子元素。

這里需要注意的是p元素父元素的第一個子元素為h1標(biāo)簽，所以要想選中p元素父元素下第1，4，7...個p元素，使用:nth-child需要寫成:nth-child(3n + 2)。不過這里建議你使用:nth-of-type(3n+1)

2017年7月21日 06:56