jQuery是一款功能強大的JavaScript庫，其中一個常見的應用是修改子元素的CSS樣式。在jQuery中，我們可以使用.children()方法找到元素的所有子元素，并使用.css()方法修改它們的樣式。

$(document).ready(function(){
// 找到父元素
var parent = $('#parent');
// 修改子元素的樣式
parent.children('.child').css('background-color', 'red');
});

以上代碼中，我們首先使用了.ready()方法來確保文檔已準備好后再執行代碼。接著，我們使用$()函數和選擇器來找到父元素。然后，我們使用.children()方法找到父元素下所有的子元素并將它們的背景顏色修改為紅色。注意，在.children()方法中我們可以傳入一個選擇器來只找到特定類型的子元素。

如果我們要修改子元素的多個屬性，也可以使用對象作為.css()方法的參數，例如：

$(document).ready(function(){
// 找到父元素
var parent = $('#parent');
// 修改子元素的CSS樣式
parent.children('.child').css({
'background-color': 'red',
'color': 'white',
'font-size': '16px'
});
});

以上代碼中，我們同樣使用了$()函數和選擇器來找到父元素和子元素。接著，我們使用.css()方法并傳入一個對象來修改子元素的多個CSS屬性，包括背景顏色、文字顏色和字體大小。

在實際項目中，我們可以根據具體需求使用以上方法來修改子元素的CSS樣式，從而實現更加豐富的頁面效果。