CSS是一種用來(lái)控制網(wǎng)頁(yè)顯示效果的樣式表語(yǔ)言，可以用它來(lái)控制HTML文檔的布局、字體、顏色、背景等方面。而下面介紹的控制CSS顯示10行的方法，則是CSS中的一個(gè)小技巧。 在使用CSS控制網(wǎng)頁(yè)元素時(shí)，我們通常會(huì)用到一些選擇器來(lái)選取元素，如類(lèi)選擇器、標(biāo)簽選擇器、屬性選擇器等。但是，在某些情況下，我們希望只顯示特定數(shù)量的元素，這時(shí)候我們可以使用nth-child偽類(lèi)選擇器來(lái)實(shí)現(xiàn)。 下面就是CSS控制顯示10行的具體代碼示例：

p:nth-child(n+11) {
display:none;
}

上述代碼中，nth-child(n+11)可以選擇文檔中所有大于10的段落元素，并將它們的顯示屬性設(shè)置為“none”，這樣就可以只顯示前10行段落了。 需要注意的是，nth-child偽類(lèi)選擇器的參數(shù)“n”是從0開(kāi)始的，所以在此代碼中，“n+11”表示從第11個(gè)元素開(kāi)始選擇。 在編寫(xiě)CSS時(shí)，使用pre標(biāo)簽可以避免代碼自動(dòng)進(jìn)行換行，從而更方便地展示代碼示例。