Unterdrückung der Mixin-Kompilierung in LESS

Die Klasse, die wir als Mixin verwenden, wird ebenfalls in das Kompilierungsergebnis aufgenommen.

Es gibt jedoch Situationen, in denen wir ein Stück Code als Vorlage für die Verwendung an anderen Stellen erstellen möchten, und dieses Code-Stück an sich nicht verwendet wird.

Um die Kompilierung des Mixins zu unterdrücken, müssen Sie nach seinem Namen runde Klammern setzen, wie hier gezeigt:

.mix() {
	width: 100px;
	height: 100px;
}

Erklären Sie, wie das Ergebnis der Kompilierung following Code aussehen wird:

.mix() {
	color: white;
	background: black;
}

p {
	.mix;
	width: 300px;
}

Erklären Sie, wie das Ergebnis der Kompilierung following Code aussehen wird:

.mix1() {
	color: white;
	background: black;
}
.mix2() {
	width: 300px;
	height: 300px;
}

p {
	.mix1;
	.mix2;
}

Erstellen Sie ein Mixin .tnr, das die Schriftfamilie Times New Roman festlegt.

Erstellen Sie ein Mixin .df, das die Eigenschaft display auf den Wert flex setzt.

Erstellen Sie ein Mixin .bold, das die Eigenschaft font-weight auf den Wert bold setzt.

Erstellen Sie ein Mixin .nowrap, das die Eigenschaft white-space auf den Wert nowrap setzt.