html - 使用 CSS 中的事件链接和悬停链接？

Question

我有这个 li 列表，但我想知道如何让当前页面链接的背景为白色 (li:active)

CSS:

#layout-three-liquid2 #section-navigation ul
{
    margin: 0;
    padding: 0;
}

#layout-three-liquid2 #section-navigation ul li
{
    margin: 0 0 0em;
    padding: 0;
    list-style-type: none;
}
#layout-three-liquid2 #section-navigation ul li:hover{

    background-color:white;



}
#layout-three-liquid2 #section-navigation ul li a:active{

    background-color:white;



}

HTML:

<ul>
   <li><a active="current" href="#page1">Home</a></li>
   <li><a href="#page3">Replies</a></li>
</ul>

但是它不起作用，我该如何解决？

Answer 1

您的代码 li:active 无效/不正确。您需要像这样在 CSS 中指定一个类和链接:

#section-navigation ul li a.current {
  background-color:white;
}