小编Ale*_*ham的帖子

SASS:之后:悬停选择器

如何在悬停状态下在伪选择器中使用SASS选择器?想要编写更少的代码并清理它.

首选方法,不工作:

div {
    a {
        transition: all 0.25s ease-in-out;
        &:after {
            content: ">>";
            left: 10px;
            :hover & {
                left: 10px;
            }
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

相反:

div {
    a {
        transition: all 0.25s ease-in-out;
        &:after {
            content: ">>";
            left: 10px;
        }
        &:hover {
            &:after {
                left: 10px;
            }
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

css sass css-selectors

6
推荐指数
1
解决办法
3万
查看次数

标签 统计

css ×1

css-selectors ×1

sass ×1