在網頁設計中，我們經常需要使用CSS來控制元素的樣式。而有時候，我們可能需要在鼠標點擊事件中更換元素的CSS樣式，這時候就需要使用一些JavaScript代碼來實現。

比如，我們可以在HTML代碼中為一個元素設置一個初始的CSS類：

<div id="box" class="default">
<p>這是一個測試</p>
</div>

然后，我們可以編寫一段JavaScript代碼來監聽鼠標點擊事件，當用戶點擊這個元素時，更換為另一個CSS類：

var box = document.getElementById('box');
box.addEventListener('click', function() {
this.className = 'new-style';
}, false);

通過這段代碼，我們就可以在用戶點擊元素后將其CSS類從“default”更換為“new-style”，從而改變元素的樣式。

當然，這只是一個簡單的例子，實際應用中可能會更復雜。但是，無論實現方式如何，通過鼠標點擊更換CSS樣式，我們可以為網頁增加更多的交互性和動態性，從而提升用戶體驗。