CSS Less参考Mixin中的伪元素

Question

TI使用Less并开始定义mixins。

我创建了以下mixin，因此我不必记住为每个浮动元素添加“clearfix”类。

.Clearfix
{
    clear:both;
    content:"";
    display:block;
    height: 0;
    visibility:hidden;
}

我像这样引用mixin：

.myclass:after
{
    .Clearfix;
}

如果我可以在mixin中引用：after元素以便我可以将它应用到我的基类中，那会更好吗？这可能吗？

Answer 1

这样做：

.Clearfix
{
    &:after {
        clear:both;
        content:"";
        display:block;
        height: 0;
        visibility:hidden;
    }
}

就像你将css添加到一个类中一样，如果该元素有另一个特定的类，你可以使用＆amp; 符号将其嵌入其中。例如：

.content {
    //some styling
    &.mobile {
        //some extra styling for .content if it also has the .mobile class
    } 
}

您可以在lesscss.org上找到此信息 - ＆gt; http://lesscss.org/features/#features-overview-feature-nested-rules 他们有一个与您的代码匹配的示例