這個問題在這里已經有了答案： 有 CSS 父選擇器嗎？ (33 個答案) “ ”（加號）CSS 選擇器是什么意思？ (9 個回答) 當一個元素懸停時如何影響其他元素 8 個答案 3 小時前關閉。
我想要做的是，當我將滑鼠懸停在#box按鈕上時，我想添加字體大小h1是#h
#box button:hover #h #hi {
color: green;
font-size: 5rem;
}
#box button:hover~#h #hi {
color: green;
font-size: 5rem;
}<div id="box">
<button style="height:100px;width:100px;">Hover Me</button>
</div>
<div id="h">
<h1 id="hi">HI IS THERE...</h1>
</div>它不作業.......我知道我必須洗掉#box，但我試圖在不洗掉父元素的情況下這樣做......閱讀這個......。我想要做什么做的是，當我將滑鼠懸停在button我想在 h1 上添加 font-size 時，它??是 #h 的子元素
uj5u.com熱心網友回復：
這是因為您使用~and#h并且#hi不是按鈕的兄弟姐妹。您必須將#h父級嵌套在#box其中以使其成為兄弟姐妹，然后使用>選擇器來定位#hi。
見下文：
button:hover ~ #h > #hi {
color: green;
font-size: 5rem;
}<div id="box">
<button style="height:100px;width:100px;">Hover Me</button>
<div id="h">
<h1 id="hi">HI IS THERE...</h1>
</div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/468030.html