CSS Mixin中少引用伪元素

Question

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

我创建了以下 mixin，这样我就不必记得为每个浮动元素添加 "clearfix" class。

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

我这样引用 mixin：

.myclass:after
{
    .Clearfix;
}

如果我可以在 mixin 本身中引用 :after 元素，这样我就可以将它应用到我的基础上，那就更好了 class - 这可能吗？

Answer 1

这样做：

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

这就像您将 css 添加到 class 并且如果该元素具有另一个特定的 class 您可以使用 &[= 将其嵌套在其中20=] 符号。示例：

.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 上找到此信息他们有一个与您的代码匹配的示例

CSS Mixin中少引用伪元素

CSS Less Reference Psuedo element in Mixin

css

less