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

Question

我知道你可以导入一个包含的css文件，比方说：

div {
    color: black; 
}

div:hover {
    color: red;
}

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

所以

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

我知道你可以用js做到这一点，但我只是想知道它是否有黑客攻击..并且没有“重复”的问题没有包含我正在寻找的答案，请记住这是4几年前。

Answer 1

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

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

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

Demo

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

Answer 2

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

Answer 3

据我所知，目前还没有办法。但你仍然可以用js来实现它。

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

Answer 4

你试过这个吗？

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