:hover没有生效:hover 选择器选择鼠标指针浮动在其上的元素，并设置其样式。问题如下写法，hover没

:hover 选择器

选择鼠标指针浮动在其上的元素，并设置其样式。

问题

如下写法，hover没有效果：

<style>
    div:hover{
        background-color:yellow
    }
</style>
 
<body>
	<div style="width:100px; height:100px; background-color:red">123456</div>
</body>

原因

:hover 覆盖不了行内样式，把div的行内样式写到样式表里就可以了

解决

<style>
    div{
        background-color:red
    }
    div:hover{
        background-color:yellow
    }
</style>
 
<body>
	<div style="width:100px; height:100px;">123456</div>
</body>

scss中使用hover

a {
    color: yellow;
    &:hover{
        color: green;
    }
    &:active{
        color: blank;
    }
}