本文介绍了CSS中`:hover`选择器的用法，用于在鼠标悬停时改变元素样式。当`:hover`选择器无法覆盖行内样式时，解决方案是将样式移至外部样式表。此外，还展示了SCSS的使用，包括如何利用父选择器`&`来定义`:hover`和`:active`状态。
:hover 选择器
选择鼠标指针浮动在其上的元素，并设置其样式。
如下写法，hover没有效果：
<style>
div:hover{background-color:yellow;}
</style>
<body>
<div style="width:100px; height:100px; background-color:red">123456</div>
</body>是因为 :hover 覆盖不了行内样式，把div的行内样式写到样式表里就可以了。
行内样式
就是直接在html标签后面写样式代码
<p style=”font-size:50px;color:red;text-deceration:line”>行内样式</p>用处：这种在标签内以style标记的为内部样式，内部样式只针对标签内的元素有效。
scss使用hover
a {
color: yellow;
&:hover{
color: green;
}
&:active{
color: blank;
}
}
&为父选择器
扫一扫
1321
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
