P粉9532317812023-08-28 10:42:01
在此特定範例中,您可以使用:
#container:hover #cube { background-color: yellow; }
此範例僅適用於 cube
是 container
的子層級。對於更複雜的場景,您需要使用不同的 CSS,或使用 JavaScript。
P粉6337331462023-08-28 00:09:44
如果立方體直接位於容器內:
#container:hover > #cube { background-color: yellow; }
如果立方體位於容器旁邊(在容器關閉標記之後):
#container:hover + #cube { background-color: yellow; }
如果立方體位於容器內的某個位置:
#container:hover #cube { background-color: yellow; }
如果立方體是容器的同級:
#container:hover ~ #cube { background-color: yellow; }