Question

我的印象是在悬停时更改锚标记可以这样做：

a:hover {background: #FFDD00;}
a:hover {color: #AAAAAA;}

如果我错了，请纠正我。

现在，由于一些令人费解的原因，我无法将该代码放在样式表中，我必须将其放在实际的HTML中。我该怎么做？

<a href="..." style="___???___">...</a>

Answer 1

没有办法做到这一点。

内联CSS无法触及:hover等伪类。

我猜你想要这样做的原因是因为你只能编辑HTML的<body>（无论出于何种原因）。您可以做的是添加style元素：

<style>
a:hover {
    background: #FFDD00;
    color: #AAAAAA;
}
<style>

<a href="#">...</a>

style之外的<head>元素不是有效的HTML，但（至关重要的是）它在所有浏览器中都有效。

Answer 2

如果你不能将你的悬停CSS投入到标签中，那么处理这个问题的最佳方法就是使用JavaScript。我通常不会称这是一个好方法，但听起来你的双手被绑在这里。

<a href="..."
   onmouseover="this.style.backgroundColor='#ffdd00';this.style.color='#aaaaaa'"
   onmouseout="this.style.backgroundColor='transparent';this.style.color='inherit'">
...
</a>

希望对你有用！

Answer 3

在一个旧论坛中找到它，它看起来很棒：）

<a href="###" style="text-decoration: none;" onmouseover="this.style.textDecoration = 'underline'" onmouseout="this.style.textDecoration = 'none'">###</a>

Answer 4

您可以将两种样式放在同一个块中，如下所示。

a:hover {
    background: #FFDD00;
    color: #AAAAAA;
}

如果你不能使用外部样式表，你可以在页面的头部添加样式块......

    ...
    <style>
        a:hover {
            background: #FFDD00;
            color: #AAAAAA;
        }
    </style>
</head>
...

Answer 5

我很确定你不能在线应用伪类，但你可以用内联的javascript来完成。

例如

<a href="..." onmouseover="this.style.color = 'red'" onmouseout="this.style.color = 'black'">...</a>

Answer 6

最好在外部样式表中遵循上面提出的建议，但无论出于何种原因，你都需要这样做，试试这个：

a href =“”style =“text-decoration：underline; color：blue;”

用于锚标记和悬停的内联CSS

6 个答案: