課程
/前端開發
/HTML/CSS
/十天精通CSS3
在例題中,h2,p:nth-child(2n){column-span:all;}。為什么h2標題也跨列了?p:nth-child(2n){column-span:all;} 這個我明白,它的意思是選中頁面中所有<p>,偶數段落跨列。但是標題就一個啊,它哪來的偶數?。繂为殞懗蓀:nth-child(2n){column-span:all;},不加h2,偶數段落也可以跨列。不理解為什么就一個標題,為什么它也跨列了?求解惑
2016-01-11
源自:十天精通CSS3 10-6
正在回答
h2,p:nth-child(2n){column-span:all;} ? 你看前面,h2","p ,看到他們之間有個逗號了么,就是指兩個選擇器共用后面的屬性配置。這個兩個選擇器分別是h2和p:nth-child(2n),后面的偶數列選擇器只對p有效。意思是h2和第偶數個p元素。
p:nth-child(2n){column-span:all;} 這個只選擇了一個,意思是第偶數個p元素。
天窗的螞蟻 提問者
Rhinel 回復 天窗的螞蟻 提問者
Qzhor 回復 Rhinel
舉報
本課程為CSS3入門教程,深刻詳解CSS3知識讓網頁穿上絢麗裝備
5 回答p:nth-child(2n)應該是偶數的p段落跨列,為什么現在成了奇數的p段落跨列了?難道把h2標簽也算成p了?
2 回答對h2,p:nth-child(2n),設置column-span:all,h2為什么也要跨列
1 回答跨列只能要么不跨,要么全跨嗎?
6 回答對p:nth-child(2n),設置column-span:all跨越所有列,結果是奇數行跨列,這是為什么?
1 回答關于可以跨越的列數
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-01-11
h2,p:nth-child(2n){column-span:all;} ? 你看前面,h2","p ,看到他們之間有個逗號了么,就是指兩個選擇器共用后面的屬性配置。這個兩個選擇器分別是h2和p:nth-child(2n),后面的偶數列選擇器只對p有效。意思是h2和第偶數個p元素。
p:nth-child(2n){column-span:all;} 這個只選擇了一個,意思是第偶數個p元素。