CSS中div元素是網頁布局的基礎之一，而選中div元素并改變其樣式是CSS中常用的操作。今天我們來學習如何通過CSS選中div元素并改變其背景顏色。

div:hover {
background-color: #f6c1c1;
}

如上代碼所示，我們使用了:hover偽類來選中div元素。當鼠標指針懸停在div元素上方時，div元素的背景顏色就會變成#f6c1c1。

如果我們想要選中特定的div元素，可以使用class或id來進行選擇。

/* 選中class為my-div的div元素 */
.my-div:hover {
background-color: #f6c1c1;
}
/* 選中id為my-div的div元素 */
#my-div:hover {
background-color: #f6c1c1;
}

如上代碼所示，我們可以通過在div元素上添加class或id屬性，然后在CSS中使用“.”或“#”來進行選中。這樣，當鼠標懸停在該特定div元素上方時，其背景顏色就會發生變化。

CSS中選中div元素并改變其樣式是非常常見的操作，在網頁設計中也被廣泛應用，希望本文能夠幫助大家更好地掌握這方面的知識。