0

我创建了一个仅 CSS 的导航，我试图弄清楚当鼠标悬停在嵌套列表中时是否可以更改文本的颜色。

        <div id="navigation">
    <ul class="top-level">
        <li><a href="#">Home</a></li>
        <li><a href="#">Residential</a>
            <ul class="sub-level">
                <li><a href="#">Project 1</a></li>
                <li><a href="#">Project 2</a></li>
                <li><a href="#">Project 3</a></li>
                <li><a href="#">Project 4</a></li>
            </ul>

因此，当我将鼠标悬停在“住宅”上时，会出现“项目 1 - 4”，并且我设法使文本的颜色和背景与“住宅”不同。但是，我现在想做的是在悬停时更改“项目 1-4”中文本的颜色。这在 CSS 中可能吗？

4

2 回答 2

0

您可以使用CSS 伪类来实现这一点。

.elementclass:hover可用于在悬停时设置元素样式。

于 2013-02-21T06:39:39.430 回答
0

我想通了...我很确定我已经尝试过了，但也许由于某种原因它没有更新。显然，在下面的课程下，我需要添加白色，然后我需要确保下面的课程也有黑色（它确实如此）。BlasterAlfred 我也必须给你一些荣誉。

#navigation a:hover{
text-decoration: none;
color: white;
}

#navigation li li a {
color: black;
}
于 2013-02-21T17:44:49.973 回答