CSS 是層疊樣式表（Cascading Style Sheets）的縮寫，它定義了 HTML 頁面中元素的外觀和排版方式。在開發網頁時，我們經常需要根據不同的條件來判斷和控制某個特定的 div，使用 CSS 就可以輕松實現這個功能。本文將介紹一些常用的 CSS 判斷 div 的方法，并通過代碼案例詳細解釋說明。
一、:hover 偽類選擇器
:hover 是 CSS 中的偽類選擇器，用于指定鼠標懸停在某個元素上時的樣式。我們可以利用這個選擇器來改變 div 元素的外觀。例如，當鼠標懸停在一個 div 上時，我們可以改變它的背景顏色、字體顏色等。下面是一個例子：

<code>
<style>
.div-demo:hover {
background-color: #ff0000;
color: #ffffff;
}
</style>
<br>
        <div class="div-demo">
這是一個 div 元素
</div>
</code>

上述代碼將在鼠標懸停在 div-demo 類的 div 元素上時，改變其背景顏色為紅色，字體顏色為白色。
二、:nth-child(n) 偽類選擇器
:nth-child(n) 是 CSS 中的偽類選擇器，用于指定選擇某個元素的第 n 個子元素。我們可以借助這個選擇器來根據位置選擇特定的 div 元素。以下是一個例子：

<code>
<style>
.div-demo:nth-child(odd) {
background-color: #ff0000;
}
.div-demo:nth-child(even) {
background-color: #0000ff;
}
</style>
<br>
        <div class="div-demo">
這是第一個 div 元素
</div>
<div class="div-demo">
這是第二個 div 元素
</div>
<div class="div-demo">
這是第三個 div 元素
</div>
</code>

上述代碼將選擇第奇數個子元素的 div 元素背景顏色設為紅色，而選擇第偶數個子元素的 div 元素背景顏色設為藍色。
三、:not(selector) 偽類選擇器
:not(selector) 是 CSS 中的偽類選擇器，用于指定不匹配某個選擇器的元素。我們可以使用這個選擇器來排除某些 div 元素。以下是一個例子：

<code>
<style>
.div-demo:not(#exclude) {
background-color: #ff0000;
}
</style>
<br>
        <div class="div-demo">
這是一個 div 元素
</div>
<div class="div-demo" id="exclude">
這個 div 元素將被排除
</div>
</code>

上述代碼將選擇除了 id 為 exclude 的 div 元素外，其它所有 div 元素背景顏色設為紅色。
以上是關于 CSS 判斷 div 的一些常用方法。通過使用 :hover 偽類選擇器、:nth-child(n) 偽類選擇器和:not(selector) 偽類選擇器，我們可以根據具體的需求來控制和改變 div 元素的外觀和行為。當然，CSS 還有許多其他的選擇器和屬性可以用來控制和判斷 div 元素，讀者可以進一步探索和學習。
參考資料： - [CSS :hover 偽類選擇器](https://developer.mozilla.org/zh-CN/docs/Web/CSS/:hover) - [CSS :nth-child() 偽類選擇器](https://developer.mozilla.org/zh-CN/docs/Web/CSS/:nth-child) - [CSS :not() 偽類選擇器](https://developer.mozilla.org/zh-CN/docs/Web/CSS/:not)