关于伪类选择器:nth-child

为什么在给“新时代主妇”设置样式，用伪类选择器:nth-child()时，无效，当给其加类名，就OK了。（检查了几遍，觉得自己是对的，很想知道为什么😔😔）.

查看完整描述

3 回答

慕粉1103124771

TA贡献16条经验获得超1个赞

nth-child(1)应该是这样，你的索引弄错了

反对回复 2018-04-18

码农2号

TA贡献151条经验获得超48个赞

你找的是p标签中的第二个p标签，并不是你要的那个，而第二个p标签又有行内样式优先，所以没有效果了。你用类名的时候找的是对的，所以有效果的。

反对回复 2018-04-18

慕用4858828
我觉得，p:nth-child的意义就是选择父元素下的第n个子元素（对应所有的子元素），如果他是p类型的，那么对他生效，如果他不是p类型的，则不生效。

回复 2018-04-18
码农2号
以前我也是这么想的，结果我现在很少用这个选择器了。你加个其他的样式，比如背景色，只要不是字体样色和字体大小就行，因为你其他的行内样式会干扰。

回复 2018-04-18
慕用4858828
嗯嗯，谢谢??

回复 2018-04-19

慕用4858828

TA贡献1条经验获得超0个赞

希望大神指点指点❤❤

反对回复 2018-04-18

3 回答