要實現當鼠標放在 li 標籤上時讓內部的 a 標籤變色,你可以使用 CSS 的 :hover 選擇器結合後代選擇器。下面是一個簡單的示例:
假設你的 HTML 結構如下:
<ul>
<li><a href="#">鏈接1</a></li>
<li><a href="#">鏈接2</a></li>
<!-- 更多 li 和 a 標籤 -->
</ul>你可以使用以下 CSS 來實現鼠標懸停在 li 上時 a 標籤變色的效果:
li:hover a {
color: red; /* 你可以更改爲你想要的任何顏色 */
}這條 CSS 規則的意思是:當鼠標懸停在 li 元素上時,選擇該 li 元素內的所有 a 元素,並將它們的顏色更改爲紅色。
注意,這種方法假設 a 標籤是 li 標籤的直接子元素。如果它們之間有更多的嵌套元素,你可能需要調整選擇器以正確地選擇 a 標籤。例如,如果 a 標籤被包裹在一個 div 中,那麼選擇器可能需要更改爲 li:hover div a。