如何在HTML标记内使用CSS悬停?[复制品]

不能使用 style 属性。您必须在文档本身或外部文件中使用CSS。

li:hover { background-color:#006db9; }

如果这不是一个选项,那么您必须使用JavaScript。

对于内联样式是不可能的,但是(in)著名的onMouseOver/onMouseOut事件处理程序可以做同样的事情。

<li onmouseover="this.style.backgroundColor='#006db9'" onmouseout="this.style.backgroundColor=''">

警告:带连字符的CSS定义必须使用camelcase转换为javascript,例如(css)background color=(javascript)background color

afaik如果没有javascript,就不能以内联方式完成。如您所建议的,您必须将其放入头部或外部样式表中。

一 <style> 我知道的所有浏览器都会解释正文中的标记,但它是无效的,因此不推荐使用。

afaik不能在内联CSS上使用伪类(:hover、:active等)。

而不是仅仅拥有 <li> ,可以将其嵌套在锚标记中 <a href="#" class="hoverable"> 然后将此样式置于文件顶部或外部CSS文件中:

a.hoverable:hover{background-color:#006db9}

或者您可以使用javascript来避免使用锚标记。

我建议 JQuery .