美文网首页
less 中 嵌套使用 &:after & 表示当前选择器的

less 中 嵌套使用 &:after & 表示当前选择器的

作者: 安北分享 | 来源:发表于2021-09-15 10:24 被阅读0次

    less 中 嵌套使用 &:after & 表示当前选择器的父级

    可以使用此嵌套将伪选择器(pseudo-selectors)与混合(mixins)一同使用。下面是一个经典的 clearfix 技巧,重写为一个混合(mixin) (& 表示当前选择器的父级):

    .clearfix {
      display: block;
      zoom: 1;
    
      &:after {
        content: " ";
        display: block;
        font-size: 0;
        height: 0;
        clear: both;
        visibility: hidden;
      }
    }
    

    相关文章

      网友评论

          本文标题:less 中 嵌套使用 &:after & 表示当前选择器的

          本文链接:https://www.haomeiwen.com/subject/pnskgltx.html