小编典典

内联样式在CSS中充当:hover

css

我知道将CSS样式直接嵌入到它们会影响的HTML标记中会破坏CSS的许多目的,但有时对于调试目的很有用,例如:

<p style="font-size: 24px">asdf</p>

嵌入规则的语法是什么:

a:hover {text-decoration: underline;}

放入A标签的样式属性中?显然不是这个…

<a href="foo" style="text-decoration: underline">bar</a>

…因为这将一直适用,而不是仅在悬停期间适用。


阅读 2593

收藏
2020-05-16

共1个答案

小编典典

恐怕无法完成,伪类选择器无法内联设置,您必须在页面或样式表上进行设置。

我应该提到,从 技术上讲,应该 能够按照CSS规范进行操作,但是大多数浏览器都不支持

编辑: 我只是做了一个快速测试:

<a href="test.html" style="{color: blue; background: white} 
            :visited {color: green}
            :hover {background: yellow}
            :visited:hover {color: purple}">Test</a>

而且它不适用于IE7,IE8 beta 2,Firefox或Chrome。其他人可以在其他任何浏览器中进行测试吗?

2020-05-16