CSS中，我們可以通過一些簡單的代碼讓一個li元素在被點擊后變身。讓我們來看一下如何實現。

li {
/* 初始樣式 */
background-color: #ccc;
color: #333;
}
li:active {
/* 點擊后的樣式 */
background-color: #333;
color: #fff;
}

上面的代碼中，我們定義了一個li元素的初始樣式，即灰色背景和深色文字，然后使用了:active偽類來定義它被點擊后的樣式，即黑色背景和白色文字。

不僅僅是li元素，其他元素也可以用類似的方法來改變它們的樣式。例如，我們可以使用:hover偽類來定義鼠標懸停時的樣式。

button {
/* 初始樣式 */
background-color: #ccc;
color: #333;
}
button:hover {
/* 鼠標懸停時的樣式 */
background-color: #333;
color: #fff;
}

上面的代碼定義了一個button元素的初始樣式和鼠標懸停時的樣式。當鼠標懸停在按鈕上時，它會變成黑色背景和白色文字。

總之，在CSS中使用偽類可以讓我們輕松地實現各種樣式效果，包括點擊后變身。只需要熟練掌握偽類的使用方法，就可以寫出漂亮的網站啦！