CSS3可以通過補充偽類選擇器:checked來判斷用戶是否點擊了某個元素。

input[type="checkbox"]:checked + label {
background-color: #fc0;
	}

上面的代碼的意思是，當用戶勾選某個復選框時，選中的復選框的下一個標簽（label）的背景色將變為黃色（#fc0）。

同樣地，我們也可以用:checked來判斷單選框、選項卡等元素的選中狀態。

/* 單選框 */
	input[type="radio"]:checked + label {
text-decoration: underline;
	}
	/* 選項卡 */
	.tabs input[type="radio"]:checked + label {
background-color: #fff;
color: #333;
	}

:checked偽類選擇器是CSS3提供的非常有用的特性，可以方便地實現各種交互效果。