CSS Less Reference Mixin中的伪元素

Question

TI 正在使用 Less 并开始定义 mixins。

我创建了以下 mixin，这样我就不必记得为每个 float 元素添加“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 添加到一个类中，如果该元素具有另一个特定类，您可以使用 & 符号将其嵌套在其中。示例:

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

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