html中hover的写法,在行内css中书写伪选择器:hover

我们知道直接写style可以把css属性直接作用到一个元素上，但是如果这个元素有:hover怎么办呢？还是只能写style吗？查看CSS的标准，你会发现这么一段描述：

Setting properties on a source anchor for each of its dynamic states, using pseudo-classes:

style=”{color: #900}

:link {background: #ff0}

:visited {background: #fff}

:hover {outline: thin red solid}

:active {background: #00f}”>…

上面这个标准给了我们一个新天地，原来用大括号把自己的css括起来，后面就能自由发挥啦……

是不是很高兴？高兴的太早啦~~你去试试，没有一个浏览器支持这个写法(了)，即便是紧跟潮流的Chrome也不例外。

为什么？不是浏览器不思进取，而是这个标准太老了……抱歉我也被忽悠了，原来这是2002年的标准，(-__-)b

所以，如今，你想在inline css中输入pseudo-selector是不行的，这种伪选择器如今只存在与CSS的上下文里面，如果我一定在元素的属性里完成这个事情该怎么办？你懂的，使用js吧……

href="abc.html"

onMouseOver="this.style.color='#0F0'"

onMouseOut="this.style.color='#00F'"

>Text

1

2

3

4

5

href="abc.html"

onMouseOver="this.style.color='#0F0'"

onMouseOut="this.style.color='#00F'"

>Text

好没营养的一篇文章……