CSS是WEB前端開發中不可缺少的一部分，其中鼠標單擊樣式也是很常用的一種，可以為網站增添互動性，布局更加美觀。

在應用鼠標單擊樣式之前，我們先來了解一下相關的CSS屬性：

selector:active{
property:value;
}

其中，selector表示要應用鼠標單擊樣式的選擇器，active是狀態選擇器，表示用戶當前正在點擊元素時該樣式生效，property表示樣式屬性，value表示樣式值。

接下來，我們來演示一下如何添加鼠標單擊樣式。首先，在HTML中會有一個標簽，我們可以為其應用一個Class，如下：

<a class="btn">Click here</a>

接下來，在CSS中我們定義了.btn樣式，并為其應用了鼠標單擊樣式：

.btn{
background-color: #FF6F61;
color: #fff;
padding: 12px;
border-radius: 8px;
}
.btn:active{
background-color: #2EC4B6;
}

這樣，當我們點擊.btn這個鏈接時，會發現其背景顏色從#FF6F61變為#2EC4B6。

除了給鏈接應用鼠標單擊樣式外，還可以為其他元素如按鈕、文本框等添加該效果，只需要應用上述相應的CSS屬性即可。

總體來說，鼠標單擊樣式作為WEB前端開發中一個很有用的CSS樣式，可以為網站增添一份互動性，從而為用戶提供更好的使用體驗。