scss中hover写法
时间: 2024-08-16 08:04:31 浏览: 67
Scss-hover-effect:回到基础知识scss和html
在SCSS(Sassy CSS)中,`hover`通常用于创建鼠标悬停效果。它的基本语法是在元素选择器后添加`:hover`伪类,然后编写对应的样式。例如,如果你想改变一个按钮在用户悬停时的颜色,你可以这样写:
```scss
.button {
background-color: blue;
color: white;
&:hover {
background-color: red;
color: black; // 鼠标悬停时背景变红,文字变黑
}
}
```
在这个例子中,`.button:hover`表示当用户将鼠标悬停在`.button`上时,背景颜色会变为红色,文字颜色变为黑色。注意`:hover`前的冒号是为了明确它是一个伪类。
阅读全文