如何在html-tag中使用CSS hover？

Question

我想做这样的事情:

<li style="hover:background-color:#006db9;">

但它不会工作.这可能以某种方式做,或者我是否必须在头部或外部css文档中编写css？

Answer 1

内联样式是不可能的,但是(in)着名的onmouseover/onmouseout事件处理程序可以做同样的事情.

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

警告:使用连字符的CSS定义必须使用camelCase转换为Javascript,如(css)background-color =(javascript)backgroundColor

Answer 2

使用该style属性无法做到这一点.您必须在文档本身或外部文件中使用CSS.

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

如果这不是一个选项,那么你将不得不求助于JavaScript.