为什么标题也跨列了呢？
来源：10-6 CSS3 跨列设置column-span
天窗的蚂蚁
2016-01-11 21:35
在例题中，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，偶数段落也可以跨列。不理解为什么就一个标题，为什么它也跨列了？求解惑
写回答
关注
1回答
-
- Rhinel
- 2016-01-11 21:49:08
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元素。
十天精通CSS3
本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备
242554 学习 · 2623 问题
相似问题