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

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

慕渣渣

2015-07-20 18:03

呃呃呃嗯嗯

写回答 关注

4回答

  • qq_陈烁_0
    2016-03-06 20:00:37

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

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

  • finalfi
    2015-09-05 02:45:21

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


    慕渣渣

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

    2015-09-10 09:44:49

    共 1 条回复 >

  • 大白大白
    2015-08-06 16:46:33

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

  • Thinker_Ac
    2015-08-05 17:25:17

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

十天精通CSS3

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

242554 学习 · 2623 问题

查看课程

相似问题