Question

以下代码不起作用。我想预定义代码中的所有地方都使用:before和:after。

&:after, &:before{
content:""; display:block; width:100%; height:100%; border-radius:50%;
}
.myclass:after{background-color:red;}

但以下代码有效：

    .myclass:after{background-color:red;
    content:""; display:block; width:100%; height:100%; border-radius:50%;
}

在定义它时我做错了什么？

感谢。

Answer 1

* not（＆amp;）是“all”

的选择器

*::after, *::before{
    content:""; 
    display:block; 
    width:100%; 
    height:100%; 
    border-radius:50%;
}

在SASS（可能还有其他预处理器）中使用

&来附加选择器，如：

.test {
   &::after, &::before { // renders to .test::after, .test::before
        content:""; 
        display:block; 
        width:100%; 
        height:100%; 
        border-radius:50%;
    }
}

预定义CSS之前和之后

1 个答案: