0

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

div {
    color: black; 
}

div:hover {
    color: red;
}

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

所以有些东西

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

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

4

4 回答 4

4

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

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

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

演示

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

于 2013-07-31T08:31:36.113 回答
2
<div onmouseover="this.style.color='black'">I wouldn't suggest this</div>
于 2013-07-31T08:35:23.833 回答
1

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

<div
   onmouseover="this.style.color='#ff0000'"
   onmouseout="this.style.color='#000000'">
</div>
于 2013-07-31T08:34:38.890 回答
0

你试过这个吗?

<div style=":hover {color: red}">Testing inline hover</div>
于 2013-07-31T08:34:03.647 回答