CSS勾選狀態是指在CSS樣式表中，通過使用`@勾選`和`@取消`關鍵字，實現對元素的勾選和取消勾選狀態。

在HTML文檔中，可以使用`<input>`標簽創建一個勾選框，然后使用CSS樣式表對其進行樣式設置。例如，可以設置勾選框的樣式為：

```css

input[type="button"]:hover {

background-color: #f44336;

color: #fff;

cursor: pointer;

input[type="button"]:active {

background-color: #4CAF50;

color: #fff;

在上述樣式中，`input[type="button"]`表示勾選框的類名，`hover`和`active`關鍵字分別表示勾選框的懸停和激活狀態。在懸停狀態時，勾選框的樣式將變成灰色，并且可以用手指進行勾選。在激活狀態時，勾選框的樣式將變成黃色，并且可以用手指進行取消勾選。

使用勾選狀態可以實現很多有用的功能，例如：

1. 對按鈕進行激活和取消激活狀態的設置。

2. 對文本輸入框進行顯示和隱藏狀態的設置。

3. 對表單中的多個選項進行分組設置。

通過使用勾選狀態，可以方便地對元素進行狀態設置，而不必過多地使用JavaScript來控制元素的狀態。