呃呃呃嗯嗯
<div class="columns">
<h2>我要分列显示</h2>
<p>为了能在Web页面中方便实现类似报纸、杂志那种多列排版的布局,W3C特意给CSS3增加了一个多列布
这个p的父元素是div而div的偶数个子元素就好理解了吧!
nth-child是第2n个子元素,并不要求非得是p。如果限制必须是p,那个应该用nth-of-type
p:nth-child(2n),规定属于其父元素的偶数元素的每个 p 的跨列状态,可以看W3C的定义
p要先排成三列啊,到第四个刚好是偶数,就横跨了啊,不知道这样理解对不对?