<div 選中 css <div 是 HTML 中的一個元素，可以看作是一個容器，用來包裹其他 HTML 元素。在 CSS 中，我們可以使用選擇器來選擇這些 div 元素，并對其樣式進行定義。本文將通過幾個代碼案例，詳細解釋如何使用 CSS 來選中 div 元素，并對其樣式進行修改。
第一種方法是使用 Class 選擇器。Class 選擇器使用點號（.）作為標識符，后面緊跟著類名。我們可以為 div 元素添加一個類名，并在 CSS 中使用該類名作為選擇器，從而選中這些 div 元素。下面是一個例子：

HTML 代碼：
<div class="container">
<p>這是一個例子</p>
</div>
<br>
CSS 代碼：
<style>
.container {
background-color: blue;
color: white;
}
</style>

在上面的例子中，我們為 div 元素添加了一個類名為 "container" 的類。然后，在 CSS 中，我們使用 ".container" 作為選擇器，對選中的 div 元素進行樣式定義。在這個例子中，我們將選中的 div 元素的背景色設為藍色，字體顏色設為白色。
接下來是使用 ID 選擇器的方法。ID 選擇器使用井號（#）作為標識符，后面緊跟著一個唯一的 ID 名。與 Class 選擇器不同，ID 選擇器只能選中一個元素。下面是一個例子：

HTML 代碼：
<div id="box">
<p>這是一個例子</p>
</div>
<br>
CSS 代碼：
<style>
#box {
background-color: green;
color: white;
}
</style>

在上面的例子中，我們為 div 元素添加了一個 ID 名為 "box"。然后，在 CSS 中，我們使用 "#box" 作為選擇器，對選中的 div 元素進行樣式定義。在這個例子中，我們將選中的 div 元素的背景色設為綠色，字體顏色設為白色。
除了使用 Class 和 ID 選擇器，我們還可以使用屬性選擇器來選中 div 元素。屬性選擇器使用方括號（[]）來指定屬性名和屬性值。下面是一個例子：

HTML 代碼：
<div data-role="container">
<p>這是一個例子</p>
</div>
<br>
CSS 代碼：
<style>
div[data-role="container"] {
background-color: orange;
color: white;
}
</style>

在上面的例子中，我們給 div 元素添加了一個名為 "data-role" 的自定義屬性，并設置屬性值為 "container"。然后，在 CSS 中，我們使用 "div[data-role="container"]" 作為選擇器，對選中的 div 元素進行樣式定義。在這個例子中，我們將選中的 div 元素的背景色設為橙色，字體顏色設為白色。
以上就是關于如何使用 CSS 選中 div 元素的幾種方法。通過使用 Class 選擇器、ID 選擇器和屬性選擇器，我們可以更精確地選中需要修改樣式的 div 元素，并對其進行樣式定義。