少ないシンプルで実用的なケース

今回はlessのシンプルで実践的なケースをお届けします。lessを使用する際の注意点は何ですか？以下は実際的なケースです。

//这里是一些简单的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
}

CSS にコンパイルされたコードは

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

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

関連書籍:

Rxjs の使用方法の詳細説明

js-xlsx ツール ライブラリ xlsxUtils

以上が少ないシンプルで実用的なケースの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。