我知道将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>
…因为这将一直适用,而不是仅在悬停期间适用。
恐怕无法完成,伪类选择器无法内联设置,您必须在页面或样式表上进行设置。
我应该提到,从 技术上讲, 您 应该 能够按照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。其他人可以在其他任何浏览器中进行测试吗?