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;
}