moinsCas simples et pratiques

Cette fois, je vais vous apporter un cas simple et pratique de moins. Quelles sont les précautions lors de l'utilisation de moins. Ce qui suit est un cas pratique, jetons un coup d'œil.

//这里是一些简单的LESS语法@width:400px;@height:300px;@font_size:12px;@bgColor: #000;textarea {
    width:@width;
    height:@height;
    
font-size
:@font_size;
    
background-color
: @bgColor;
}
.frame {
    .fun(123px);
    background-color: @bgColor;
    .select {
    width: 100px
  }
}
.fun(@px) {
  height: @px
}

Le code compilé en CSS est

textarea {  width: 400px;  height: 300px;  font-size: 12px;  background-color: #000000;
}.frame {  height: 123px;  background-color: #000000;
}.frame .select {  width: 100px;
}

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez faire attention. vers d'autres articles connexes sur le site php chinois !

Lecture connexe :

Explication détaillée de l'utilisation de Rxjs

Explication détaillée de l'utilisation de l'outil de js-xlsx bibliothèque xlsxUtils

Comment créer un arbre de décision avec javascript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!