问答详情
源自:10-6 CSS3 跨列设置column-span

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

呃呃呃嗯嗯

提问者:慕渣渣 2015-07-20 18:03

个回答

  • 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


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

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

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

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