在網頁設計中，CSS是一項非常重要的技能。它不僅可以使我們的網站看起來漂亮，還可以改變網頁的交互方式。在本文中，我們將探討用CSS來劃過改變子元素。

首先，我們需要了解CSS中的偽類。偽類是CSS中一個非常重要的概念，它允許我們根據不同的情況來選擇不同的元素。最常見的偽類是:hover。:hover允許我們選擇當鼠標劃過一個元素時應該用到的樣式。

/* 當鼠標劃過一個超鏈接時，改變文字顏色 */
a:hover {
color: red;
}

現在，我們可以使用:hover來改變子元素的樣式了。例如，我們有一個div元素包含一些圖片。當我們在鼠標劃過該div元素時，我們想要圖片的透明度減小。我們可以使用以下代碼實現：

/* 當鼠標劃過div元素時 */
div:hover img {
opacity: 0.5;
}

在這個例子中，我們使用:hover來選擇當鼠標劃過div元素時使用的樣式。然后，我們使用了一個后代選擇器來選擇div元素內的所有圖片元素。最后，我們使用opacity屬性來減小圖片元素的透明度。

總的來說，CSS使得我們可以根據不同的情況來選擇不同的元素，這樣我們可以實現各種優雅的交互效果。:hover偽類允許我們選擇當鼠標劃過一個元素時應該用到的樣式。使用后代選擇器和屬性選擇器，我們可以控制某個元素內的子元素樣式。