CSS，菜单：活动不工作

我有一个简单的菜单：

<ul id="menu2">
    <li> <a href="index.php?id=home">Home</a></li>
    <li> <a href="index.php?id=about">About us</a></li>
    <li> <a href="index.php?id=contacts">Contacts</a></li>
</ul>

---

除了

#menu2 a:active

完全不工作，而

#menu2 a:hover

（使用相同的规则）工作正常之外，其他一切都正常。有什么问题？我错过什么了吗？

它正在按预期工作。我将活动状态涂成红色。
尝试单击en元素并按住按钮。背景将为红色

您看不到更改，因为

悬停

和

活动

的CSS是相同的

样本

样本包含

#menu2 a:active {
    background: red url("../images/select.png") left center no-repeat;
    color: #fff;
    padding: 9px 16px;
}

---

它正在按预期工作。我将活动状态涂成红色。
尝试单击en元素并按住按钮。背景将为红色

您看不到更改，因为

悬停

和

活动

的CSS是相同的

样本

样本包含

#menu2 a:active {
    background: red url("../images/select.png") left center no-repeat;
    color: #fff;
    padding: 9px 16px;
}

---

以上代码中：hover和：active的背景完全相同

您是否正在尝试将背景x和y位置设置为活动

---

如果没有图像背景和不同的颜色（用于测试），您的代码工作正常：请参见此处。

以上代码中：hover和：active的背景完全相同

您是否正在尝试将背景x和y位置设置为活动

---

如果没有图像背景和不同的颜色（用于测试），您的代码可以正常工作：请参见此处，您可以提供关于哪些内容不起作用和/或演示的更多详细信息。看一下代码，它看起来很好

：active（活动）状态指的是按下链接时的状态，因此，如果在菜单项上按住鼠标按钮，则它应按预期工作，因为hover works active具有相同的属性

---

带有：active的链接将不会保持这种状态，当您在其链接的页面上也链接时，它将恢复为正常链接。

您能否提供有关哪些内容不起作用和/或演示的详细信息。看一下代码，它看起来很好

：active（活动）状态指的是按下链接时的状态，因此，如果在菜单项上按住鼠标按钮，则它应按预期工作，因为hover works active具有相同的属性

---

带有：active的链接不会以这种方式保留，当您在页面上链接时，它会恢复为正常链接。

为了澄清：由于：hover和：active规则完全相同，您将看不到悬停和单击之间的任何区别-正如Smamati的示例中所示，当使用不同的规则时。（编辑：答案更新得很好！）澄清一下：由于：hover和：active规则完全相同，所以在使用不同的规则时，您不会看到悬停和单击之间的任何区别，正如Smamatti的示例中所示。（编辑：答案更新得很好！）哦，谢谢！那么，当按下链接时，我该怎么做呢？它有不同的样式？听起来你希望链接在页面加载时有不同的样式，例如，如果你单击“关于我们”菜单项，转到你希望它显示为高亮显示的页面，让用户知道他们在该页面上。在这种情况下，您需要通过服务器端代码来实现这一点，或者您可以使用javascript解析当前URL并将其与菜单URL进行比较，当找到匹配项时，然后对其应用不同的样式。哦，谢谢！那么，当按下链接时，我该怎么做呢？它有不同的样式？听起来你希望链接在页面加载时有不同的样式，例如，如果你单击“关于我们”菜单项，转到你希望它显示为高亮显示的页面，让用户知道他们在该页面上。在这种情况下，您需要通过服务器端代码来实现这一点，或者您可以使用javascript解析当前URL并将其与菜单URL进行比较，当找到匹配项时，然后对其应用不同的样式。