CSS實現點擊變亮是一種常見的效果，通常使用:hover偽類或:focus偽類實現。但是，這些偽類只有在鼠標懸停或元素被聚焦時才會生效。如果你想讓元素在被點擊后保持變亮狀態，可以使用:checked偽類和checkbox/radio input元素。

/* HTML代碼 */
<label for="checkbox">點我變亮</label>
<input type="checkbox" id="checkbox">
/* CSS代碼 */
label {
display: inline-block;
padding: 10px;
background-color: #ccc;
transition: background-color 0.2s ease-in-out;
}
:checked + label {
background-color: #ff0;
}

以上代碼中，我們使用了一個元素綁定了一個元素。當用戶點擊時，會觸發的:checked狀態，從而改變的樣式。:checked偽類只是一個布爾值，當被選擇的時候返回true，沒有被選擇時返回false。

在CSS中，我們可以使用偽類和偽元素來選擇不同狀態的元素，其中有很多常用的狀態有:hover,:focus,:active,:visited等等。使用這些偽類和偽元素可以更加靈活地控制頁面的展示樣式。