CSS的li元素是一個用于定義列表中的項目的標記。在HTML中，使用ul和ol來定義列表，而li元素就是這些列表中的項目。

li元素可以應用于多種類型的列表，包括無序列表（ul）和有序列表（ol）。通過CSS，可以對這些列表進行樣式設置，比如修改項目符號的樣式、調整項目之間的間距等等。

以下是一個使用CSS定義無序列表樣式的示例：

ul {
list-style-type: circle; /*修改項目符號為圓圈*/
margin-left: 20px; /*調整項目與左側邊框的距離*/
}
li {
padding: 10px; /*增加項目的內邊距*/
}

在以上代碼中，我們使用了list-style-type屬性來設置項目符號的樣式，將其修改為圓圈。我們還通過margin-left屬性調整了項目與左側邊框的距離，以及使用padding屬性增加了項目的內邊距。

通過CSS，我們還可以將li元素應用于導航菜單等具有層級結構的列表中。以下是一個使用CSS定義導航菜單樣式的示例：

ul {
list-style-type: none; /*去除項目符號*/
}
li {
display: inline-block; /*將項目設置為inline-block元素*/
margin-right: 20px; /*設置項目間的間距*/
}

在以上代碼中，我們使用了list-style-type屬性將項目符號去除，并使用display屬性將li元素設置為inline-block元素。我們還使用margin-right屬性設置項目間的間距。

總而言之，li元素是CSS中非常常用和重要的元素，它可以用于定義各種類型的列表，并允許我們通過CSS對列表的樣式進行定制。