带有内联样式的css伪类

Question

带有内联样式的css伪类有可能使用内联样式的伪类吗？例子：<a href="http://www.google.com" style="hover:text-decoration:none;">Google</a>我知道上面的HTML不起作用，但是有类似的吗？我知道我应该使用外部样式表，而且我也使用。我只是好奇是否可以使用内联样式来完成这个任务。

Answer 1

不，这是不可能的。在使用css的文档中，内联style属性只能包含属性声明；同一组语句出现在样式表中的每个规则集中。从样式属性规范:

样式属性的值必须与CSS内容的语法匹配。声明块(不包括分隔大括号)，其形式语法以CSS核心语法:

declaration-list  : S* declaration? [ ';' S* declaration? ]*
  ;

既不允许选择器(包括伪元素)，也不允许设置规则，也不允许任何其他css构造.

将内联样式视为应用于某些匿名超级特定ID选择器的样式：这些样式仅适用于具有style属性。(如果元素具有ID，则它们也优先于样式表中的ID选择器。)从技术上讲，它不是那样工作的；这只是为了帮助您理解为什么属性不支持伪类或伪元素样式(它更多地与伪类和伪元素如何提供不能用文档语言表示的文档树的抽象有关)。

请注意，内联样式与规则集中的选择器一样参与相同的级联，并且在级联中具有最高优先级(!important尽管如此)。所以它们甚至优先于伪类状态。允许在内联样式中使用伪类或任何其他选择器可能会引入一个新的级联级别，并由此带来一组新的复杂问题。

还请注意样式属性规范的非常老的修订。最初有没有提议允许然而，它被取消了，大概是出于上述原因，或者是因为实施它不是一个可行的选择。