内联样式在CSS中充当：hover

  • Z时代
  • 2024-01-10
  • 分类：问答

我知道将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。其他人可以在其他任何浏览器中进行测试吗？

以上是 内联样式在CSS中充当：hover 的全部内容， 来源链接： utcz.com/qa/435965.html

回到顶部