您如何直接更改链接行为？

Question

这是我在这里的第一篇文章。

我想要做的是更改鼠标悬停在链接上时链接的行为。 我不想使用任何样式表，只需直接将其直接添加到锚标记中即可。

像这样：

<a style=" a:hover"text-decoration: underline;color:red;"" href="www.www.www"> LINK </a>

有任何想法吗？

谢谢 ：）

Answer 1

style属性并不意味着可以内联处理pseudo-classes 。

要在<a>标记中内嵌该效果，您可以尝试：

---

的HTML

<a href="www.www.www"
    onmouseover="this.style.textDecoration='underline'; this.style.color='red';"
    onmouseout="this.style.textDecoration=none; this.style.color='';">
    LINK</a>

或使用javascript函数

的HTML

<a href="www.www.www"
    onmouseover="Hover(this, true);"
    onmouseout="Hover(this, false);">
    LINK</a>

的JavaScript

function Hover(element, hover)
{
    element.style.textDecoration = hover ? 'underline' : 'none';
    element.style.color = hover ? 'red' : '';
}

---

当然，CSS处理起来要好得多，这是推荐的方法：

的HTML

<a href="www.www.www">LINK</a>

的CSS

a:hover { color: red; text-decoration: underline; }

---

您有理由不能使用样式表吗？

Answer 2

只能使用内联css在锚点上进行悬停（或任何与此相关的伪类）。

可能的解决方案是将JavaScript与onmouseoverevent结合使用，然后更改样式（但这包括javascript，而我不会使用javascript进行样式设置）。 或者仅在<style>标记中使用css。

另一方面，除了将样式表用于XSS或类似的东西时，我看不到为什么不能包含样式表（外部或内部）？