为什么标题也跨列了呢？

在例题中，h2,p:nth-child(2n){column-span:all;}。为什么h2标题也跨列了？p:nth-child(2n){column-span:all;} 这个我明白，它的意思是选中页面中所有<p>，偶数段落跨列。但是标题就一个啊，它哪来的偶数啊？单独写成p:nth-child(2n){column-span:all;}，不加h2，偶数段落也可以跨列。不理解为什么就一个标题，为什么它也跨列了？求解惑

天窗的蚂蚁

2016-01-11

源自：十天精通CSS3 10-6

关注问题我要回答

937

操作

收起

1 回答

Rhinel 回答被采纳 +3 积分
2016-01-11

h2,p:nth-child(2n){column-span:all;} 你看前面，h2","p ，看到他们之间有个逗号了么，就是指两个选择器共用后面的属性配置。这个两个选择器分别是h2和p:nth-child(2n)，后面的偶数列选择器只对p有效。意思是h2和第偶数个p元素。

p:nth-child(2n){column-span:all;} 这个只选择了一个，意思是第偶数个p元素。

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

#1

天窗的蚂蚁提问者

你的意思是h2,p:nth-child(2n){column-span:all;} 表示h2{column-span:all;},p:nth-child(2n){column-span:all.我理解成了对h2和p元素都使用nth-child选择器。非常感谢！

2016-01-11 回复有任何疑惑可以回复我~

#2

Rhinel 回复天窗的蚂蚁提问者

是的，如果两个都使用，就要写两遍nth-child了。

2016-01-11 回复有任何疑惑可以回复我~

#3

Qzhor 回复 Rhinel

那为什么第一个P就跨列了，不是偶数个跨列么

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

举报

0/150

提交

取消

十天精通CSS3

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

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

本课相似问答

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

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

1 回答跨列只能要么不跨，要么全跨吗？

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

1 回答关于可以跨越的列数

搜索更多本课相关问答

为什么标题也跨列了呢？

我要回答关注问题

意见反馈帮助中心 APP下载