為什么標(biāo)題也跨列了呢？
在例題中，h2,p:nth-child(2n){column-span:all;}。為什么h2標(biāo)題也跨列了？p:nth-child(2n){column-span:all;} 這個(gè)我明白，它的意思是選中頁面中所有<p>，偶數(shù)段落跨列。但是標(biāo)題就一個(gè)啊，它哪來的偶數(shù)啊？單獨(dú)寫成p:nth-child(2n){column-span:all;}，不加h2，偶數(shù)段落也可以跨列。不理解為什么就一個(gè)標(biāo)題，為什么它也跨列了？求解惑
2016-01-11
h2,p:nth-child(2n){column-span:all;} ? 你看前面，h2","p ，看到他們之間有個(gè)逗號了么，就是指兩個(gè)選擇器共用后面的屬性配置。這個(gè)兩個(gè)選擇器分別是h2和p:nth-child(2n)，后面的偶數(shù)列選擇器只對p有效。意思是h2和第偶數(shù)個(gè)p元素。
p:nth-child(2n){column-span:all;} 這個(gè)只選擇了一個(gè)，意思是第偶數(shù)個(gè)p元素。