Question

我找到一个css解决方案，因为有一个活跃的锚点着色...

为什么活动锚不是红色的，所以如果点击“momo”momo保持红色？或者是活动错误的伪类？

<!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>

由于沮洳

Answer 1

:active表示“在被激活时”，例如当它被聚焦时和按下回车键或者当它被悬停时和正在按下鼠标按钮。（请注意，由于:hover之后您已经:active，因此您将始终覆盖它以进行鼠标激活）

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

Answer 2

切换为锚标签设置样式的顺序

更改此

    a:active{
    color:red;
    }
    a:hover{
    color:yellow;
    }

到此

    a:hover{
    color:yellow;
    }
    a:active{
    color:red;
    }

:active仅在您单击并按住元素或元素被聚焦并且您按Enter键时才会出现。

如果要将活动网址显示为不同的颜色，则必须在当前活动元素中添加一个类，并使用您想要的颜色设置该类的样式

Answer 3

样式级联，您需要切换它们。

a:hover {
    color:yellow;
}
a:active {
    color:red;
}

Answer 4

我认为你想使用访问不活跃的

a：访问过{color：red;}

Active仅激活onClick
点击后访问时保持红色

Answer 5

此外，您可以使用已经很漂亮的target pseudo-class well supported来设置锚点引用的元素的样式。

<a href="#this-element">Click here.<div>
<div id="this-element">It's going to be red.<div>

<style>
  #this-element:target{
    color:red;
  }
<style>

Answer 6

删除:active属性，然后设置a{color:red}

使用css设置活动锚元素的样式

6 个答案: