html - 有没有办法用（style =“”）在悬停时改变css？

Question

我知道您可以导入包含以下内容的 css 文件：

div {
    color: black; 
}

div:hover {
    color: red;
}

但是有没有办法在html中获得相同的效果？

所以有些东西

<div style="color: black;"></div>

我知道你可以用 js 来做到这一点，但我只是想知道它是否有破解方法。没有“重复”问题不包含我正在寻找的答案，请记住那是 4 年前。

score 4 · Accepted Answer

伪类不允许用作内联 CSS，所以简短的回答是否定的，你不能做你想要达到的目标。

考虑<style>在文档级别使用标签，或者如果您愿意，可以使用 JavaScript。

<a href="#" onmouseover = "this.style.color = '#000'" 
            onmouseout  = "this.style.color = '#f00'">Hi</a>

正如您评论的那样，答案仍然是否定的，即使使用 HTML5/CSS3 也无法使用内联伪类。

score 2 · Accepted Answer

2

<div onmouseover="this.style.color='black'">I wouldn't suggest this</div>

于 2013-07-31T08:35:23.833 回答

score 1 · Accepted Answer

据我所知没有办法。但是你还是可以用js实现的。

<div
   onmouseover="this.style.color='#ff0000'"
   onmouseout="this.style.color='#000000'">
</div>

score 0 · Accepted Answer

0

你试过这个吗？

<div style=":hover {color: red}">Testing inline hover</div>

于 2013-07-31T08:34:03.647 回答

4 回答 4