我们知道直接写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>
好没营养的一篇文章……
好没营养的一篇文章
说到底 没用,做淘宝的,没有css权限,只能写一些简单的内行式,但是hover,内行式写不进去,没辙
不错,解惑了