JQuery是一個(gè)功能強(qiáng)大的JavaScript庫(kù)，可以使開發(fā)定制化的JavaScript代碼更加容易、快速、可靠。在Web開發(fā)中，我們經(jīng)常需要添加CSS樣式來美化我們的網(wǎng)頁。本文將向你介紹如何使用JQuery的li添加CSS。

HTML代碼：
<ul id="my-list">
<li>第一項(xiàng)</li>
<li>第二項(xiàng)</li>
<li>第三項(xiàng)</li>
</ul>
JQuery代碼：
$(document).ready(function(){
$('#my-list li:first').css('color', 'red');
});

上述代碼中，我們首先選中了id為“my-list”的ul元素，然后通過“l(fā)i:first”選擇器選中了第一個(gè)li元素，最后給這個(gè)元素添加了color屬性，值為“red”，以此來改變列表的顏色。JQuery中的CSS方法，可以讓我們輕松地添加CSS樣式。

如果我們想要一次添加多種樣式，只需要像下面這樣：

$(document).ready(function(){
$('#my-list li:first').css({
'color': 'red',
'background-color': 'yellow'
});
});

通過這種方式，我們可以使用JQuery的li添加CSS，進(jìn)而優(yōu)化網(wǎng)站的樣式，使之更加美觀。