我知道您可以导入包含以下内容的 css 文件:
div {
color: black;
}
div:hover {
color: red;
}
但是有没有办法在html中获得相同的效果?
所以有些东西
<div style="color: black;"></div>
我知道你可以用 js 来做到这一点,但我只是想知道它是否有破解方法。没有“重复”问题不包含我正在寻找的答案,请记住那是 4 年前。
伪类不允许用作内联 CSS,所以简短的回答是否定的,你不能做你想要达到的目标。
考虑<style>
在文档级别使用标签,或者如果您愿意,可以使用 JavaScript。
<a href="#" onmouseover = "this.style.color = '#000'"
onmouseout = "this.style.color = '#f00'">Hi</a>
正如您评论的那样,答案仍然是否定的,即使使用 HTML5/CSS3 也无法使用内联伪类。
<div onmouseover="this.style.color='black'">I wouldn't suggest this</div>
据我所知没有办法。但是你还是可以用js实现的。
<div
onmouseover="this.style.color='#ff0000'"
onmouseout="this.style.color='#000000'">
</div>
你试过这个吗?
<div style=":hover {color: red}">Testing inline hover</div>