CSS可以通過不同的方法判斷頁面的不同狀態，包括：

1. :hover偽類選擇器

a:hover{
color:red;
}

當鼠標懸停在鏈接上時，文字顏色變紅。

2. :active偽類選擇器

button:active{
background-color:green;
}

當按鈕被點擊時，背景色變綠。

3. :checked偽類選擇器

input[type="checkbox"]:checked + label {
text-decoration: line-through;
}

當復選框被選中時，相應的標簽文本會被加上中劃線樣式。

4. :focus偽類選擇器

input:focus{
border:2px solid blue;
}

當元素獲取焦點時，會出現藍色邊框。

5. @media查詢

@media screen and (max-width: 768px) {
/*在小于768px的屏幕上執行這里的樣式*/
body {
font-size: 14px;
}
}

當設備屏幕寬度小于768px時，網頁字體大小會變為14px。

這些方法可以根據不同的需求來判斷頁面，實現不同的效果。