Html a:active不工作

Html a:active不工作,html,css,Html,Css,我在这里很困惑 a:active不工作,但:hover工作正常, 我尝试了很多东西,但这件事让我陷入困境,真的很困惑。 我刚刚在表中添加了链接,我已经将单元格添加到类中,.menu1。现在,当我访问活动页面时,活动链接不是高位链接 这是我的密码: HTML: :active并不意味着“具有解析为当前页面URL的href属性”。 它的意思是“激活时”(例如,单击)。你可以用它来做一些事情,比如让某个看起来像按钮的东西在被点击时看起来像是被按下了 CSS没有“具有解析为当前页面URL的href属性”

我在这里很困惑

a:active
不工作,但
:hover
工作正常,
我尝试了很多东西,但这件事让我陷入困境,真的很困惑。
我刚刚在表中添加了链接,我已经将单元格添加到类中,
.menu1
。现在,当我访问活动页面时,活动链接不是高位链接

这是我的密码:

HTML:


:active
并不意味着“具有解析为当前页面URL的
href
属性”。 它的意思是“激活时”(例如,单击)。你可以用它来做一些事情,比如让某个看起来像按钮的东西在被点击时看起来像是被按下了


CSS没有“具有解析为当前页面URL的
href
属性”的选择器。您将需要修改DOM。通常,您可以在服务器端生成导航菜单,并为当前页面添加一个额外类或删除
元素(也可以使用
)来完成此操作。

a:active
在您单击并按住链接时处于活动状态。不适用于活动选择。我建议对活动菜单对象使用Js:)


注意//您关闭了两个
标记-但您只需要关闭一个。为您编辑。

正如@quentin提到的,您不能使用CSS来确定
href
是否引用实际url,但您可以使用CSS中的属性选择器来检查
href
的特定值:

.menu1 a[href="#"]{
  color: #000;
}

您可以查看有关属性选择器的详细信息。

只需一个指针,
.menu1
.menu1 a
之间不应存在逗号。
.menu1 {
  background-repeat:no-repeat;
  background-size:auto;
  margin-left:10px;
  background-position:center;
  background-image:url(../images/admin/menu_1.png);
  vertical-align:central;
  text-align:center;
  color:#FFF;
}
    ,
.menu1:hover {
    color:#0CF;
    background-image:url(../images/admin/menu_1_hover.png);
}

.menu1 a {
    color:#FFF;
}  

.menu1 a:hover {
    color:#0CF;
} 

.menu1 a:active {
    color:#000;
} 
.menu1 a[href="#"]{
  color: #000;
}