是否可以在盘旋时更改嵌套列表的颜色？

我创建了一个仅用于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？

来源

2013-02-21 London804

您可以使用CSS Pseudo-classes来实现此目的。

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

来源

2013-02-21 06:39:39

没有我想到这一点，恐怕它不起作用。 – London804 2013-02-21 06:49:49

试试吧.. – 2013-02-21 06:54:20

我做了第二次，你建议它后，没有运气。 – London804 2013-02-21 06:58:34

我想通了...... 我很确定我已经试过这个，但可能由于某种原因它没有更新。显然，在下面的课程中，我需要添加白色，然后我需要确保下面的后续课程也具有黑色（它所做的）。 BlasterAlfred我也必须给你一些功劳。

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

#navigation li li a { 
color: black; 
}

来源

2013-02-21 17:44:49 London804

是否可以在盘旋时更改嵌套列表的颜色？

回答

相关问题