在前端開發中，修改CSS是非常常見的任務。而jQuery選擇器則是一種非常強大的工具，可以方便的幫助我們定位并修改HTML頁面元素的樣式。接下來，我們就來看一下如何使用jQuery選擇器修改CSS。

首先，我們需要引入jQuery庫：

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>

接著，我們通過選擇器來定位頁面元素，然后使用css()方法來修改其樣式。

// 通過標簽名來選擇元素，修改背景顏色為紅色
$('p').css('background-color', 'red');
// 通過id來選擇元素，修改字體顏色為藍色
$('#my-id').css('color', 'blue');
// 通過class來選擇元素，修改邊框為1px的實線
$('.my-class').css('border', '1px solid');

除此之外，jQuery還提供了其他的選擇器，比如按屬性選擇、按索引選擇等，讓我們可以更加靈活的定位元素。

// 按屬性選擇
$('[data-role="select"]').css('font-weight', 'bold');
// 按索引選擇
$('ul li:eq(2)').css('text-decoration', 'underline');

總結一下，通過使用jQuery選擇器和css()方法，我們可以非常方便地定位和修改HTML頁面元素的樣式，極大地簡化了前端開發的工作。