Html 超链接标记活动状态不工作
每当我尝试使用超链接/锚定标记活动状态时,它都不起作用。即使我点击链接,它也会显示为处于活动状态,但没有效果。有什么我遗漏的吗 这是一个基本的例子- html:Html 超链接标记活动状态不工作,html,css,hyperlink,anchor,Html,Css,Hyperlink,Anchor,每当我尝试使用超链接/锚定标记活动状态时,它都不起作用。即使我点击链接,它也会显示为处于活动状态,但没有效果。有什么我遗漏的吗 这是一个基本的例子- html: 没有效果,因为您对链接的两种状态使用相同的CSS样式: a:hover a:active 您应该为它们设置不同的CSS样式,以查看样式的变化。例如: #navigation ul li a{ color:#0000ff; } #navigation ul li a:hover{ color:#ff0000; } 为了达到
没有效果,因为您对链接的两种状态使用相同的CSS样式:
a:hover
a:active
您应该为它们设置不同的CSS样式,以查看样式的变化。例如:
#navigation ul li a{
color:#0000ff;
}
#navigation ul li a:hover{
color:#ff0000;
}
为了达到预期效果,您应该传递一个站点变量,该变量包含哪个链接处于活动状态的值,并在页面加载时检索该变量,与导航链接进行比较,如果它们匹配,则应用活动类或其他内容 对于
css
:active用于显示在确切时刻被推送的链接,而不是哪个链接在站点上处于活动状态
可以很容易地用服务器端语言(如PHP)实现,但我不知道是否可以用客户端语言(如JavaScript)实现,如果可以,我也希望看到答案。是的,您的悬停和活动状态需要完全不同的样式才能看到将发生的任何更改,请尝试:
a:hover { color: blue; text-decoration: underline; }
a:active { color: black; text-decoration: none; }
这应该能让你看到发生了什么。我试过了。它不起作用。我希望我的问题是清楚的。当我单击菜单中的活动链接时,它应该应用活动状态的样式。但事实并非如此。只有当我将鼠标悬停在它上面时,它才会改变。例如,如果我点击stackoverflow.com的“标记”按钮,它会将我带到该页面,它会变成橙色,而其余的链接则是灰色的。在我的页面上,这不会发生。
#navigation ul li a{
color:#0000ff;
}
#navigation ul li a:hover{
color:#ff0000;
}
a:hover { color: blue; text-decoration: underline; }
a:active { color: black; text-decoration: none; }