美文网首页
Less语言特性 - 扩展

Less语言特性 - 扩展

作者: 张中华 | 来源:发表于2021-07-15 07:36 被阅读0次

    Extend是一个LESS伪类,它通过使用:extend 选择器在一个选择器中扩展其他选择器样式。
    就好比定义好的方法,然后利用extend,在这里进行调用。或者可以理解为,就是利用extend,把别的样式通过样式名给引用过来。

    示例

    h2 {
      &:extend(.style);
      font-style: italic;
    }
    .style {
      background: green;
    }
    

    转换后:

    h2 {
      font-style: italic;
    }
    .style,
    h2 {
      background: green;
    }
    

    扩展语法
    扩展放置在规则集中或附加到选择器。 它类似于包含一个或多个类的伪类,它们之间用逗号分隔。 使用可选的关键字全部,可以跟踪每个选择器。

    例如:

    .style:extend(.container, .img)
    {
      background: #BF70A5;
    }
    .container {
      font-style: italic;
    }
    .img{
       font-size: 30px;
     }
    

    相关文章

      网友评论

          本文标题:Less语言特性 - 扩展

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