在CSS中，我們可以使用:hover選擇器來控制鼠標懸停在網頁元素上時的樣式變化。除了直接控制鼠標懸停的元素外，我們還可以借助:hover選擇器來控制其他相關元素的樣式表現。

例如，我們可以使用以下的CSS代碼來控制當用戶鼠標懸停于某個按鈕上時，讓與該按鈕相關聯的其他元素也發生變化：

.button:hover {
background-color: #f5f5f5;
}
.related-element {
display: none;
}
.button:hover ~ .related-element{
display: block;
}

以上代碼中，當用戶鼠標懸停在class為“button”的按鈕上時，該按鈕的背景色將會變為#f5f5f5。在這之前，class為“related-element”的元素都是隱藏的，但我們使用了“~”選擇器來控制任何與懸停按鈕有兄弟關系的“related-element”元素都會顯示出來。

除此之外，我們還可以使用:hover選擇器來控制其他與鼠標懸浮元素無兄弟關系的元素。例如：

.button:hover {
color: #fff;
}
.body {
background-color: #000;
}
.button:hover .body {
background-color: #fff;
}

在這個例子中，我們希望當用戶鼠標懸停在“button”元素上時，“body”元素的背景色變為白色。就算兩個元素之間沒有兄弟關系，我們仍然可以使用:hover選擇器來控制它們的交互表現。