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

来源:10-6 CSS3 跨列设置column-span

可乐要加冰Xx

2017-08-18 09:57

h2是第一个,偶数跨列,奇数不跨列,那h2不应该不跨列吗http://img.mukewang.com/599648ee0001a08912940746.jpg

把h2删了之后,h2就跨列了,为啥

p:nth-child(2n){

  -webkit-column-span:all;

  -moz-column-span:all;

  -o-column-span:all;

  -ms-column-span:all;

  column-span:all;

}

http://img.mukewang.com/599649550001d2ed12730722.jpg


写回答 关注

2回答

  • 慕粉181105819
    2017-08-18 15:48:36
    已采纳

     p:nth,h2:nth 分别加就可以了

    爱上慕婉清6... 回复可乐要加冰X...

    你设置的h2,p:nth-child(2n)等价于h2{column-span:all} p:nth-child(2n){column-span:all} 看样子你需要去补充下css选择器了,关于,的用法

    2017-10-11 14:11:25

    共 2 条回复 >

  • 破旧的时光机3662066
    2017-10-09 20:43:54

    h2,p:nth-child(2n) h2和后面是逗号分开 这是并列选择器 两个都选 h2当然跨列了,后面是p标签中偶数跨列,没问题啊,想验证就在第一个h2后复制一个h2试下 可以看到两个都没跨列

十天精通CSS3

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

242554 学习 · 2623 问题

查看课程

相似问题