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

呃呃呃嗯嗯

慕渣渣

2015-07-20

源自：十天精通CSS3 10-6

关注问题我要回答

1543

操作

收起

5 回答

qq_陈烁_0
2016-03-06

<div class="columns">
<h2>我要分列显示</h2>
<p>为了能在Web页面中方便实现类似报纸、杂志那种多列排版的布局，W3C特意给CSS3增加了一个多列布

这个p的父元素是div而div的偶数个子元素就好理解了吧!

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

finalfi
2015-09-05

nth-child是第2n个子元素，并不要求非得是p。如果限制必须是p，那个应该用nth-of-type

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

#1

慕渣渣提问者

没看到p:吗，不从p里选从哪里选。

2015-09-10 回复有任何疑惑可以回复我~

大白大白
2015-08-06

p:nth-child(2n)，规定属于其父元素的偶数元素的每个 p 的跨列状态，可以看W3C的定义

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

Thinker_Ac
2015-08-05

p要先排成三列啊，到第四个刚好是偶数，就横跨了啊，不知道这样理解对不对？

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

举报

0/150

提交

取消

十天精通CSS3

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

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

本课相似问答

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

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

1 回答为什么标题也跨列了呢？

1 回答标题算第0段落？段间距算段落吗？

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

搜索更多本课相关问答

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

我要回答关注问题

意见反馈帮助中心 APP下载