課程
/前端開發
/HTML/CSS
/十天精通CSS3
呃呃呃嗯嗯
2015-07-20
源自：十天精通CSS3 10-6
正在回答
<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要先排成三列啊，到第四個剛好是偶數，就橫跨了啊，不知道這樣理解對不對？
舉報
本課程為CSS3入門教程，深刻詳解CSS3知識讓網頁穿上絢麗裝備
2 回答對h2,p:nth-child(2n)，設置column-span:all,h2為什么也要跨列
6 回答對p:nth-child(2n)，設置column-span:all跨越所有列，結果是奇數行跨列，這是為什么？
1 回答為什么標題也跨列了呢？
1 回答標題算第0段落？段間距算段落嗎？
3 回答p:nth-child(2n)的意思
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-03-06
<div class="columns">
? <h2>我要分列顯示</h2>
? <p>為了能在Web頁面中方便實現類似報紙、雜志那種多列排版的布局，W3C特意給CSS3增加了一個多列布
這個p的父元素是div而div的偶數個子元素就好理解了吧!
2015-09-05
nth-child是第2n個子元素，并不要求非得是p。如果限制必須是p，那個應該用nth-of-type
2015-08-06
p:nth-child(2n)，規定屬于其父元素的偶數元素的每個 p 的跨列狀態，可以看W3C的定義
2015-08-05
p要先排成三列啊，到第四個剛好是偶數，就橫跨了啊，不知道這樣理解對不對？