在開發Web應用程序時，處理樣式變化通常是非常常見的要求之一。這時，使用JavaScript來監聽CSS樣式變化將非常有用。

要監聽CSS變化，我們可以使用JavaScript中的MutationObserver類。MutationObserver在DOM發生變化時被觸發。

以下是一個示例代碼，說明如何使用MutationObserver類來監聽CSS變化：

// 獲取DOM元素
var element = document.getElementById('example');
// 創建MutationObserver實例
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
if (mutation.type === 'attributes' && mutation.attributeName === 'style') {
console.log('CSS樣式已經發生變化');
}
});    
});
// 配置MutationObserver實例
var config = { attributes: true, childList: false, characterData: false, attributeFilter: ['style'] };
// 監聽DOM變化
observer.observe(element, config);

在上述代碼中，我們將MutationObserver實例綁定到DOM元素上，監聽其樣式變化。當發生變化時，將在控制臺中輸出“CSS樣式已經發生變化”的日志。

總結：JS可以監聽CSS的變化，通過使用MutationObserver類，可以在CSS發生變化時自動觸發JavaScript代碼。