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

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

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

简单的回答是:你不能。

长话短说:你不应该。

给它一个类名或id，并使用样式表应用样式。

:hover是一个伪选择器，对于CSS来说，它只在样式表中有意义。没有任何内联样式的对等物(因为它没有定义选择标准)。

回应行政长官的评论:

关于动态添加CSS规则的好脚本，请参阅完全Pwn CSS with Javascript。关于这个主题的一些理论，请参见Change样式表。

另外，不要忘记，如果可以的话，还可以添加到外部样式表的链接。例如,

<script type="text/javascript">
  var link = document.createElement("link");
  link.setAttribute("rel","stylesheet");
  link.setAttribute("href","http://wherever.com/yourstylesheet.css");
  var head = document.getElementsByTagName("head")[0];
  head.appendChild(link);
</script>

注意:以上假设有一个头部部分。

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

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

虽然“你不应该”的上下文可能适用，但可能在某些情况下你仍然想实现这一点。我的用例是根据一些数据值动态设置悬停颜色，以实现只有CSS可以受益于特异性。

只使用CSS

CSS

/* Set your parent color for the inherit property */
.sidebar {
  color: green;
}

/* Make sure your target element "inherit" parent color on :hover and default */
.list-item a {
  color: inherit
}

.list-item a:hover {
  color: inherit
}

/* Create a class to allows to get hover color from inline style */
.dynamic-hover-color:not(:hover) {
  color: inherit !important;
}

然后你的标记会像这样:

标记

<nav class="sidebar">
  <ul>
    <li class="list-item">
      <a
        href="/foo"
        class="dynamic-hover-color"
        style="color: #{{category.color}};"
      >
        Category
      </a>
    </li>
  </ul>
</nav>

我用把手来做这个例子，但想法是你采取任何方便你的用例来设置内联样式(即使它是手动写你想要的悬停颜色)

根据您的注释，您发送的是一个JavaScript文件。用JavaScript进行翻转。jQuery的$.hover()方法使它变得很容易，就像所有其他JavaScript包装器一样。这在JavaScript中也不是很难。

使用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"