Css正确的选择器

时间:2014-10-24 11:18:02

标签: css-selectors

我有以下代码:

<ul class="menu">
<li class="leaf"><a href="#">First</a></li>
<li class="leaf"><a href="#">Second</a></li>
<li class="leaf"><a href="#">Third</a></li>
</ul>

和css

.menu li:hover > a, .menu li.active > a{
color: white;
text-decoration: underline;
font-weight: bold;
}

当我将项目悬停时颜色发生变化。但是当我选择项目时,css代码不起作用。我想当我选择一个链接并转到其他页面时,链接显示为白色。什么是选择器?我以为是 li.active&gt; ,但这不起作用。

2 个答案:

答案 0 :(得分:3)

如果您在点击链接时希望它是白色的,则应使用 li:active (。active将是一个类)。见http://www.w3schools.com/cssref/sel_active.asp

答案 1 :(得分:1)

一旦你改变页面,一切都被遗忘了#34;你需要javascript或jquery才能做到这一点。

你也可以使用:visited属性,但点击一次的所有链接都是白色的。

希望它有所帮助。