怎么写：使用内联样式悬停？

Question

     <a href="#">Alink</a>

所有我需要的是当我悬停颜色应该改变链接，但它应该完全使用内联CSS

*没有脚本或外部CSS

请帮帮我。

Answer 1

仅限CSS不会发生

内联javascript

<a href='index.html' 
    onmouseover='this.style.textDecoration="none"' 
    onmouseout='this.style.textDecoration="underline"'>
    Click Me
</a>

---

在working draft of the CSS2 spe c中声明你可以像这样使用伪内联类：

<a href="http://www.w3.org/Style/CSS"
   style="{color: blue; background: white}  /* a+=0 b+=0 c+=0 */
      :visited {color: green}           /* a+=0 b+=1 c+=0 */
      :hover {background: yellow}       /* a+=0 b+=1 c+=0 */
      :visited:hover {color: purple}    /* a+=0 b+=2 c+=0 */
     ">
</a>

但据我所知，它从未在规范发布中实现。

http://www.w3.org/TR/2002/WD-css-style-attr-20020515#pseudo-rules