CSS隱藏li元素 在網頁設計中，經常需要隱藏一些不必要的元素，以追求更好的用戶體驗或呈現更簡潔的界面。本文將介紹如何使用CSS隱藏li元素，以達到對網頁內容進行精簡的效果。 隱藏單個li元素 在HTML文檔中，我們可以使用ul和li元素組合來創建一個列表。如果我們想隱藏其中一個li元素，可以使用下面的CSS代碼：

li:nth-child(n){ /*n表示需要隱藏的元素序列*/
display:none;
}

其中:nth-child(n)表示選取在父元素中第n個li元素，并將其設置為不可見（display:none）。 隱藏多個li元素 如果需要隱藏不止一個li元素，我們可以將CSS稍微修改：

li:nth-child(2),li:nth-child(4),li:nth-child(6){ /*需要隱藏的元素序列*/
display:none;
}

在以上代碼中，我們選擇了需要隱藏的li元素的序列并通過一個逗號隔開，再一次性設置為不可見。需要注意的是，每個li元素的序列都需要寫在li:nth-child()內，用逗號隔開。 總結 使用CSS的nth-child選擇器可以非常方便地隱藏li元素，讓網頁內容更加簡潔易懂。如果需要隱藏多個li元素，只需要將它們的序列寫入選擇器中，并用逗號隔開即可。