CSS 能否在將滑鼠懸停在不同元素上時更改元素的屬性？

影響另一個元素懸停在另一個元素上

當單獨的元素懸停在其上時是否可以更改元素的屬性？此查詢深入研究了僅使用 CSS 來實現此行為的方法。

雖然 CSS 的固有功能阻止定位非後代或相鄰兄弟姐妹，但在某些特定情況下這是可能的。

後代

如果受影響的元素是懸停元素的後代，CSS選擇器可以有效地定位它使用：

例如，這會在懸停時定位“parent_element”內的“child_element”：

相鄰兄弟姊妹

針對鄰近兄弟姊妹需要略有不同方法：

當「first_sibling」停留在：

您案例中的實現

考慮您的樣本，您可能會追求類似的目標to:

當第一個圖像懸停在上面時，這會影響第二個圖像。

示範

造訪 [this JS Fiddle demo] （在此處插入示範連結）查看互動式範例。

以上是CSS 能否在將滑鼠懸停在不同元素上時更改元素的屬性？的詳細內容。更多資訊請關注PHP中文網其他相關文章！