html - 导航栏 - 事件状态、文本颜色有问题

Question

导航栏有两个问题

1) 我无法更改文本颜色。尝试了 diff 十六进制值，没有用……如何更改文本颜色？

2) 我希望导航菜单项在悬停和处于事件状态时更改为斜体(例如，当我在关于页面上时，“关于”是斜体。

我试过这个:

#nav li a:hover {
font-style: italic;
}

#nav li a:active {
font-style: italic;
}

但是 ^ 没有做任何事情。

当我尝试以下操作时:

a:hover, a:active { 
font-style: italic;

}

文本在悬停时会变为斜体，但在事件状态下不会。另外，我只想将悬停/事件状态效果上的斜体仅应用于导航栏元素，而不是其他链接，因此这也不起作用。

感谢您的帮助!!

.nav {
height:         58px;
margin:         0;
margin-left:    0px;
width:          100%;

}

.nav ul {
position:       absolute;
right:          0px;
height:         0px;
display:        block;
font-family:    "Adobe Garamond Pro"; 
list-style:     none;
margin:         0;
padding:        21px 40px;
color: #A6A6A6 !important; 
} 

.nav li {
font-size:  19px;
float:      left;
color: #A6A6A6 !important; 
margin-left:40px;
font-family:    "Adobe Garamond Pro"; 
width: 58px;
}

#nav li a:hover {
font-style: italic;
}

#nav li a:active {
font-style: italic;
}

还有html

<ul>
<li class="nav-work"><a href="/">Work</a></li>
<li class="nav-about"><a href="/about.html">About</a></li>
<li class="nav-contact"><a href="/contact.html">Contact</a></li>
</ul>

Answer 1

对于文本颜色，你不能定位li， anchor 的颜色会覆盖它。像这样尝试:

.nav li a { color: #A6A6A6; }

对于事件状态，“事件”在那里不起作用。事件样式仅在单击元素时应用。您必须自定义页面代码，以便它们的导航样式与正确的页面对齐，或者您可以

编辑:我没有正确理解“事件”状态问题。重新阅读后，我想将您重定向到this topic我觉得可以解决这个问题。