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

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>

在CSS2的工作草案中,声明你可以像这样使用内联伪类:

<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