wenigerEinfacher und praktischer Koffer

Dieses Mal bringe ich Ihnen einen einfachen und praktischen Fall von less. Was sind die Vorsichtsmaßnahmen , wenn Sie weniger verwenden? Hier ist ein praktischer Fall, werfen wir einen Blick darauf.

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

Der in CSS kompilierte Code ist

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

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen erhalten Sie zu anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

Detaillierte Erläuterung der Verwendung von Rxjs

Detaillierte Erläuterung der Verwendung des Tools von js-xlsx Klassenbibliothek xlsxUtils

So erstellen Sie einen Entscheidungsbaum mit Javascript

Das obige ist der detaillierte Inhalt vonwenigerEinfacher und praktischer Koffer. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!