Css 如何直接更改链接行为?

Css 如何直接更改链接行为?,css,html,hyperlink,anchor,Css,Html,Hyperlink,Anchor,这是我在这里的第一篇文章 我想做的是改变鼠标悬停在链接上时链接的行为。 我不想使用任何样式表,只需直接将其添加到锚标记中即可 大概是这样的: <a style=" a:hover"text-decoration: underline;color:red;"" href="www.www.www"> LINK </a> 有什么想法吗 谢谢:)styleatributes不是用来处理伪类的 要在标记中内联获得该效果,您可以尝试: HTML <a href="ww

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

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

大概是这样的:

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

有什么想法吗


谢谢:)

style
atributes不是用来处理
伪类的

要在
标记中内联获得该效果,您可以尝试:


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>
<a href="www.www.www"
    onmouseover="Hover(this, true);"
    onmouseout="Hover(this, false);">
    LINK</a>
<a href="www.www.www">LINK</a>

当然,CSS处理这一点要好得多,并且是推荐的方法:

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>
<a href="www.www.www"
    onmouseover="Hover(this, true);"
    onmouseout="Hover(this, false);">
    LINK</a>
<a href="www.www.www">LINK</a>


您不能使用样式表有什么原因吗?

不可能仅使用内联css在锚点上进行悬停(或任何伪类)

可能的解决方案是在onmouseoverevent中使用javascript,然后更改样式(但这包括javascript,我不会使用javascript进行样式设置)。或者只是在
标记中使用css


另一方面,我不明白为什么不能包含样式表(外部或内部),除非在XSS或类似的东西中使用样式表:p

不能将
hover
之类的伪类直接添加到html中的样式元素中。你必须使用样式表(或javascript)。你不想使用样式表有什么(好的)理由吗?是的,我不能使用样式表。这意味着一个快速的动态div被添加到一个以前没有任何样式的大型网站中。是的,我不能使用样式表。这意味着一个快速的动态div被添加到一个以前没有任何样式的大型网站中。是的,我不能使用样式表。这意味着它将是一个快速的动态div,添加到一个以前没有任何风格的大型网站中。