p:nth-child(2n)的意思

p:nth-child(2n){

-webkit-column-span:all;

-moz--column-span:all;

-o-column-span:all;

-ms-column—span:all;

colum-span:all;

}

p:nth-child(2n)所代表的意思是什么

无人区修炼者

2016-04-20

源自：十天精通CSS3 10-6

关注问题我要回答

4587

操作

收起

3 回答

理想并非触不可及回答被采纳 +3 积分
2016-04-20

p元素的父元素的第偶数个p元素，也就是p元素中的第偶数个

1 回复有任何疑惑可以回复我~

收起回答

无人区修炼者提问者

非常感谢！

2016-04-23 回复有任何疑惑可以回复我~

深山小童
2016-07-18

选取的是父元素的的第偶数个子元素p，这里要注意的是，因为第一个p元素是其父元素的第2个子元素（第1个子元素是h2），所以本例中会选中第一、三...个p元素。一定要区别理解:nth-child(n)和nth-of-type(n)这两类。

2 回复有任何疑惑可以回复我~

收起回答

理想并非触不可及
2016-04-24

我回答错了，是p父元素的第偶数个子元素！

1 回复有任何疑惑可以回复我~

收起回答

Qzhor

不对吧，那第一个P怎么也跨列了

2016-07-10 回复有任何疑惑可以回复我~

0/150

提交

取消

十天精通CSS3

参与学习 242687 人
解答问题 2623 个

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

进入课程

本课相似问答

2 回答对h2,p:nth-child(2n)，设置column-span:all,h2为什么也要跨列

6 回答对p:nth-child(2n)，设置column-span:all跨越所有列，结果是奇数行跨列，这是为什么？

1 回答.wrapper>div:后面没填为什么会影响到.wrapper>p:nth-of-type(2n)

5 回答p:nth-child(2n)应该是偶数的p段落跨列，为什么现在成了奇数的p段落跨列了？难道把h2标签也算成p了？

2 回答提问：案例演示的2n问题

搜索更多本课相关问答

p:nth-child(2n)的意思

我要回答关注问题

热搜

最近搜索清空

p:nth-child(2n)的意思

3 回答

本课相似问答

p:nth-child(2n)的意思