Question

用行内样式写鼠标悬浮 求代码?

我想把这个css代码放到行内样式去写
hover{background:#de1f1f;cursor:pointer;}
求大神代码

Answer 1

【行内样式】我们知道直接写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
   onmouseover="this.style.color='#0F0'"
   onmouseout="this.style.color='#00F'"
>Text</a>

onmouseover就是鼠标在元素上，onmouseout就是鼠标移出元素。

DOMNode.addEventListener('mouseover',function(){
    this.setAttribute('style',this.getAttribute('style')+"
        新的样式
    ");
});
DOMNode.addEventListener('mouseout',function(){
    this.setAttribute('style','');
});

Answer 2

好学伴儿童伴

追问

大佬 雷之吗？