影響另一個元素懸停在另一個元素上
當單獨的元素懸停在其上時是否可以更改元素的屬性?此查詢深入研究了僅使用 CSS 來實現此行為的方法。
雖然 CSS 的固有功能阻止定位非後代或相鄰兄弟姐妹,但在某些特定情況下這是可能的。
後代
如果受影響的元素是懸停元素的後代,CSS選擇器可以有效地定位它使用:
例如,這會在懸停時定位“parent_element”內的“child_element”:
相鄰兄弟姊妹
針對鄰近兄弟姊妹需要略有不同方法:
當「first_sibling」停留在:
您案例中的實現
考慮您的樣本,您可能會追求類似的目標to:
當第一個圖像懸停在上面時,這會影響第二個圖像。
示範
造訪 [this JS Fiddle demo] (在此處插入示範連結)查看互動式範例。
以上是CSS 能否在將滑鼠懸停在不同元素上時更改元素的屬性?的詳細內容。更多資訊請關注PHP中文網其他相關文章!