jQuery和CSS是HTML和JavaScript的兩個非常重要的組成部分。使用jQuery和CSS可以輕松地控制和編輯頁面。在這篇文章中，我們將討論如何使用jQuery和CSS來編輯子節點。

$(document).ready(function() {
$("ul").children("li:first").css("background-color", "red");
});

這個例子中，我們使用了jQuery的子節點選擇器來選擇第一個li元素。然后，我們使用CSS來改變背景顏色。使用這種方法，我們可以輕松地控制子節點的樣式。

$(document).ready(function() {
$("ul").children("li:last").css({
"background-color": "red",
"font-size": "20px"
});
});

在這個例子中，我們同樣使用了jQuery的子節點選擇器來選擇最后一個li元素。然后，我們使用了CSS的對象語法來一次性改變樣式。我們改變了背景顏色和字體大小。

$(document).ready(function() {
$("ul").children("li:nth-child(2)").css("color", "blue");
});

這個例子中，我們使用了CSS的偽類選擇器來選擇第二個li元素。然后，我們使用CSS來改變字體顏色。同樣，使用這種方法可以輕松地控制子節點的樣式。

總之，使用jQuery和CSS可以輕松地控制和編輯頁面。使用子節點選擇器可以選擇子節點，并使用CSS來改變樣式。這種方法讓頁面編輯更加高效和方便。