在網頁設計中，CSS是一個非常重要的元素。它不僅可以讓我們的網頁看起來美觀，也可以為我們提供更多的交互功能。而其中一個比較常用的功能就是CSS的不可被點擊狀態。

.unselectable{
pointer-events: none;
}

這段CSS代碼就可以讓我們的元素變成不可被點擊狀態。其中，pointer-events: none;是指該元素不會響應任何鼠標事件，包括點擊、拖拽、滑動等等。這個屬性不僅可以應用在普通的按鈕、鏈接等元素上，也可以應用在一些特殊的元素上，如圖片、文字等。

不可被點擊狀態在網頁設計中非常常見。例如，在一些地圖應用中，我們希望在地圖上展示一些信息標記，但是這些標記本身是不可被點擊的，只有在點擊它們所在的區域才能打開相關信息。

不過需要注意的是，不可被點擊狀態并不是一成不變的。如果我們想要取消元素的不可被點擊狀態，只需要將CSS代碼中的pointer-events: none;改為pointer-events: auto;即可。

總的來說，不可被點擊狀態是CSS中非常實用的一個功能。它可以幫助我們實現更加靈活、多樣化的網頁交互效果。