CSS中隱藏UL是一個(gè)非常常見的需求,常見的方法有以下幾種:
/*1. 隱藏整個(gè)UL*/ ul { display: none; } /*2. 隱藏UL中的所有LI*/ ul li { display: none; } /*3. 隱藏UL中的某個(gè)LI*/ ul li:nth-child(2) { display: none; } /*4. 隱藏UL的標(biāo)記符號(hào)*/ ul { list-style: none; }
第一種方法是直接將UL整個(gè)隱藏起來,不管里面有沒有LI元素都看不到。第二種方法是只隱藏UL內(nèi)的所有LI元素,UL本身還是顯示出來的。第三種方法則是隱藏UL內(nèi)的指定LI元素,這里的nth-child(2)就是隱藏第二個(gè)LI元素,可以根據(jù)實(shí)際需求更改數(shù)字。第四種方法則是隱藏UL的標(biāo)記符號(hào),即原本顯示的小圓點(diǎn)或數(shù)字等。當(dāng)然,也可以結(jié)合使用以上方法來實(shí)現(xiàn)更復(fù)雜的需求。
上一篇css中幼圓字體