在行内css中书写伪选择器:hover

By | 2015/12/16

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

Setting properties on a source anchor for each of its dynamic states, using pseudo-classes:
<a href=”http://www.w3.org/”
style=”{color: #900}
:link {background: #ff0}
:visited {background: #fff}
:hover {outline: thin red solid}
:active {background: #00f}”>…</a>

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

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

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

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

<a
   href="abc.html"
   onMouseOver="this.style.color='#0F0'"
   onMouseOut="this.style.color='#00F'"
>Text</a>

好没营养的一篇文章……

Category: Web

3 thoughts on “在行内css中书写伪选择器:hover

  1. 赵栋鑫

    说到底 没用,做淘宝的,没有css权限,只能写一些简单的内行式,但是hover,内行式写不进去,没辙

    Reply

发表评论

您的电子邮箱地址不会被公开。