这篇博客介绍了如何利用Less预处理器来为HTML元素设计鼠标悬停(hover)时的样式，并确保在元素被激活(active)时，其样式能正确消失。内容涉及到Less中的选择器和混合(mixins)应用，帮助开发者创建更灵活的CSS代码。
less语法
ul{
background: @color-footer-bg;&:hover{
li{
&.active {
background:none;
}
&:hover,&:focus {
background:#000;
}
}
}
li{
&:hover,&.active{
background:#000;
}
}
}
鼠标hover 加样式，并且当前active样式消失
&:hover{
li{
&.active {
background:none;
}
&:hover,&:focus {
background:#000;
}
}
}
li{
&:hover,&.active{
background:#000;
}
}
}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
