少css,嵌套属性,hover :: after

前端之家收集整理的这篇文章主要介绍了少css,嵌套属性,hover :: after前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有可能少做这个吗?
a {
    &:after {
        background: red;
    }
    &:hover {
        &:after {
            background: blue;
        }
    }
}

徘徊不前,我不能得到改变颜色的?

解决方法

以下工作对我来说很好:
a {
    &:after {
        content:'a';
        background: red;
    }
    &:hover {
        &:after {
            background: blue;
        }
    }
}

我的启用LESS的编辑器编译为:

a:after {
  content: 'a';
  background: red;
}
a:hover:after {
  background: blue;
}

哪个工作

猜你在找的CSS相关文章