美文网首页
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语言特性 - 扩展

    Extend是一个LESS伪类,它通过使用:extend 选择器在一个选择器中扩展其他选择器样式。就好比定义好的方...

  • CSS预处理Less

    Less是一门CSS预处理语言,它扩展了CSS语言,增加了变量、混合、函数等特性,使CSS更易维护和扩展。Less...

  • Gulp实践后编译器与less预编译器

    less Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 C...

  • less用法总结

    什么是less less是一门预处理语言,扩展了css语言,增加了变量、Mixin、函数等特性,使css更易维护和...

  • Less前端框架--编写模块化的样式文件

    Less是一门CSS预处理语言,它扩展了CSS语言,增加了变量,混入,函数等特性,使CSS更易维护和扩展。 les...

  • Less

    Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易...

  • Less 笔记

    Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易...

  • 【前端框架学习笔记】LessCSS(1):基本安装与使用

    Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易...

  • less和sass

    Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易...

  • LESS的简介与使用方法

    less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易...

网友评论

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

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