在 CSS 中，我們可以通過比較運算符來進行樣式的控制。比較運算符可以用于顏色、長度、字體大小等屬性值的比較。

/* 顏色比較 */
div {
background-color: #FF0000;
}
span {
background-color: #00FF00;
}
div:active {
background-color: #FF0000;
}
div:hover {
background-color: #00FF00;
}
/* 長度比較 */
div {
width: 200px;
}
p {
width: 300px;
}
p:active {
width: 200px;
}
p:hover {
width: 400px;
}
/* 字體大小比較 */
h1 {
font-size: 30px;
}
h2 {
font-size: 20px;
}
h1:active {
font-size: 30px;
}
h1:hover {
font-size: 40px;
}

在這些代碼示例中，我們可以看到比較運算符的使用。通過使用不同的比較運算符，我們可以實現不同的效果。如果你想要實現更加復雜的樣式效果，也可以通過組合不同的比較運算符來實現。

除此之外，我們還可以使用相等運算符和不等運算符來控制樣式。相等運算符用于判斷屬性值是否與指定值相等，而不等運算符則用于判斷屬性值是否不等于指定值。

/* 相等運算 */
div {
background-color: #FF0000;
}
div[data-color="green"] {
background-color: #00FF00;
}
/* 不等運算 */
div {
background-color: #FF0000;
}
div:not(.green) {
background-color: #00FF00;
}

相等運算符和不等運算符的使用也十分簡單，只需要在對應的選擇器后加上“=”或“!=”即可。

通過比較運算符、相等運算符和不等運算符，我們可以實現更加靈活多樣的樣式控制，為我們的頁面帶來更加出色的視覺效果。