gpt4 book ai didi

html - 使用 css 样式化事件 anchor 元素

转载 作者:可可西里 更新时间:2023-11-01 14:55:43 26 4
gpt4 key购买 nike

我很难找到一个 css 解决方案来为事件 anchor 着色...

为什么事件的 anchor 不是红色的,所以如果点击“momo”,momo 会保持红色?还是 active 是错误的伪类?

<!doctype html>
<html lang="en">

<head>
<meta charset="utf-8" />
<title>test</title>
<style type="text/css">
a:active{
color:red;
}
a:hover{
color:yellow;
}
</style>
</head>

<body>
<ul> Navigation
<li class="subli"><a href="#momo">momo</a></li>
<li class="subli"><a href="#ipsi">ipsi</a></li>
</ul>
</body>

</html>

谢谢茹茹

最佳答案

:active 表示“激活时”,例如当它被聚焦时并且按下回车键或者当它悬停时并且鼠标按钮被按下。 (请注意,由于您在 :active 之后有 :hover,您将始终覆盖它以进行鼠标激活)

“具有解析为当前位置的 href 值的 anchor ”没有伪类。为此,您需要修改 HTML(最好是在它到达浏览器之前,但您也可以使用 JS)。

关于html - 使用 css 样式化事件 anchor 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9431835/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com