具有内联样式的CSS伪类

Question

是否可以使用内联样式具有伪类？

---

例子：

<a href="http://www.google.com" style="hover:text-decoration:none;">Google</a> 

我知道上面的HTML将无法正常工作，但有没有类似的东西，将？

P.S.我知道我应该使用一个外部样式表，而且我会。我只是好奇，如果这可以使用内联样式完成。

Answer 1

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

样式属性的值必须的CSS declaration block（不包括定界大括号），其正式的语法在CSS core grammar的条款和约定如下内容的语法匹配：

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

无论选择器（包括伪元素），也不在规则，也没有任何其它CSS构建体是允许的。

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

请注意，内联样式与规则集中的选择器参与相同的级联，并且在级联中占据最高优先级（尽管存在!important）。所以它们甚至优先于伪类国家。允许内联样式中的伪类或任何其他选择器可能会引入新的级联级别，并带来一系列新的复杂性。

还要注意风格属性spec did originally propose allowing this的很旧的版本，但它被废弃了，大概是出于上述原因，或者因为实现它不是一个可行的选择。

Answer 2

不是CSS，但在线：

<a href="#" 
    onmouseover = "this.style.textDecoration = 'none'" 
    onmouseout = "this.style.textDecoration = 'underline'">Hello</a> 

See example →

Answer 3

，而不需要在线，你可以使用内部CSS

<a href="http://www.google.com" style="hover:text-decoration:none;">Google</a> 

你可以有：

<a href="http://www.google.com" id="gLink">Google</a> 
<style> 
    #gLink:hover { 
    text-decoration: none; 
    } 
</style>