CSS（Cascading Style Sheets）是一種用于樣式設計的標記語言，可以控制HTML（Hypertext Markup Language）文檔的呈現方式。在CSS中，我們可以使用JavaScript（JS）來擴展其功能。

使用JS與CSS結合可以使我們創建更加動態和交互式的用戶界面。以下是一些常見的CSS和JS組合使用的場景：

// 更改CSS屬性
document.querySelector('#example').style.color = 'red';
// 在鼠標懸停時更改CSS屬性
document.querySelector('#example').addEventListener('mouseenter', function() {
this.style.backgroundColor = 'yellow';
});
document.querySelector('#example').addEventListener('mouseleave', function() {
this.style.backgroundColor = 'white';
});
// 添加CSS類名
document.querySelector('#example').classList.add('active');
// 刪除CSS類名
document.querySelector('#example').classList.remove('active');
// 切換CSS類名
document.querySelector('#example').classList.toggle('active');

在上面的代碼中，我們使用了querySelector方法來獲取HTML元素。然后，我們使用style屬性來更改元素的CSS屬性，例如顏色和背景顏色。我們還使用了addEventListener方法來添加鼠標懸停事件，并在事件處理程序中更改元素的CSS屬性。

另外，我們還使用了classList屬性來添加、刪除和切換CSS類名。這可以幫助我們快速地隱藏、顯示或更改元素的外觀。

在使用CSS和JS結合時，我們需要注意一些事項。首先，我們應該盡可能地將樣式定義在CSS文件中，而不是將其全部寫在JavaScript中。其次，我們應該避免頻繁更改CSS屬性，這會導致性能問題。最后，我們應該使用CSS和JS結合來增強用戶界面，而不是依賴它來解決核心問題。