CSS提供了一種子元素實現hover的方式，在子元素中使用:hover關鍵字來控制其樣式變化。下圖展示了一個父元素和子元素及其所需要的CSS：

<div class="parent">
<ul>
<li>子元素 1</li>
<li>子元素 2</li>
<li>子元素 3</li>
</ul>
</div>
.parent ul li:hover{
background-color: #f4f4f4;
}

在這個例子中，我們想要當用戶鼠標懸停在li元素上時，改變背景顏色。因此，我們使用了:hover關鍵字，并且將其應用于li元素，而不是父元素。

需要注意的是，在子元素中使用:hover樣式時，必須將其放在所有其他樣式的后面，以確保其正常工作。如果你使用了類似于!important的CSS規則，它也必須使用在:hover后面。

除此之外，還有其他的CSS偽類可以與:hover結合使用，如:focus，:active，:visited等等，它們都能夠為你的子元素提供更多的動態效果。

總的來說，子元素的:hover實現方式是一種非常有用的技術，可以讓你的網頁變得更加動態和互動。記住，為了確保正常工作，你需要將它放在其他樣式的后面，并且可以根據需要使用其他的CSS偽類。