这是不可能的。您可以选择使用JavaScript或CSS块。

也许有一些JavaScript库可以将私有样式属性转换为样式块。但是这样代码就不符合标准了。

<style>a:hover { }</style>
<a href="/">Go Home</a>

Hover是一个伪类，因此不能与样式属性一起应用。它是选择器的一部分。

虽然内联定义悬停规则似乎是不可能的，但你可以使用CSS变量内联定义styles的值:

:{徘徊 颜色:var(——hover-color); ｝ <a style="——hover-color: green"> 图书馆 < / >

考虑在选择器之外使用属性或类(例如，[hover-color]:hover)来允许与其他低特异性悬停颜色更改规则共存(例如，CSS重置或某些元素使用默认样式)。

我的问题是，我正在建立一个网站，使用大量的图像图标，必须由不同的图像悬停交换(例如，蓝色的图像变成红色的悬停)。 对此，我提出了以下解决方案:

.container div { width: 100px; height: 100px; background-size: 100px 100px; } .container:hover .withoutHover { display: none; } .container .withHover { display: none; } .container:hover .withHover { display: block; } <p>Hover the image to see it switch with the other. Note that I deliberately used inline CSS because I decided it was the easiest and clearest solution for my problem that uses more of these image pairs (with different URL's). </p> <div class=container> <div class=withHover style="background-image: url('https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQrqRsWFJ3492s0t0NmPEcpTQYTqNnH188R606cLOHm8H2pUGlH')"></div> <div class=withoutHover style="background-image: url('http://i.telegraph.co.uk/multimedia/archive/03523/Cat-Photo-Bombs-fa_3523609b.jpg')"></div> </div>

我引入了一个包含这对图像的容器。第一个是可见的，另一个是隐藏的(display:none)。当悬停容器时，第一个容器将被隐藏(display:none)，第二个容器将再次显示(display:block)。

使用JavaScript:

a)增加内联样式

document.head.insertAdjacentHTML('beforeend', '<style>#mydiv:hover{color:red;}</style>');

B)或者更难一点的方法——添加“鼠标悬停”

document.getElementById("mydiv").onmouseover= function(e){this.className += ' my-special-class'; };
document.getElementById("mydiv").onmouseleave= function(e){this.className = this.className.replace('my-special-class',''); };

注意:JavaScript中的多词样式(即font-size)是一起编写的:

element.style.fontSize="12px"

我只是想出了一个不同的解决方案。

My issue: I have an <a> tag around some slides/main content viewer as well as <a> tags in the footer. I want them to go to the same place in IE, so the whole paragraph would be underlined onHover, even though they're not links: the slide as a whole is a link. IE doesn't know the difference. I also have some actual links in my footer that do need the underline and color change onHover. I thought I would have to put styles inline with the footer tags to make the color change, but advice from above suggests that this is impossible.

解决方案:我给了脚注链接两个不同的类，我的问题就解决了。我能够有onHover的颜色改变在一个类，有幻灯片onHover没有颜色变化/下划线，仍然能够有外部href在页脚和幻灯片在同一时间!