Was ist Mixin-CSS?
Was ist Mixin-CSS?

Video: Was ist Mixin-CSS?

Video: Was ist Mixin-CSS?
Video: #CSS #SCSS SASS/SCSS ՄԱՍ-2/PART-2 ներդրված սելեքթորներ , @mixin 2024, Kann
Anonim

Mixins . EIN mischen lässt Sie Gruppen von bilden CSS Deklarationen, die Sie auf Ihrer gesamten Site wiederverwenden möchten. Sie können sogar Werte eingeben, um Ihre mischen flexibler. Eine gute Verwendung von a mischen ist für Anbieterpräfixe.

Wie verwende ich dementsprechend Mixins in CSS?

Erstellen mixins über das @ mischen Regel Mixins ermöglichen es Dokumentautoren, Muster von Eigenschaftswertpaaren zu definieren, die dann in anderen Regelsätzen wiederverwendet werden können. Die mischen name ist ein Klassenselektor, der die mischen deklariert wird. Die @ mischen dem Schlüsselwort muss das folgen mischen Name und einen Deklarationsblock.

Was sind außerdem Mixins in SCSS? Mixins ermöglichen es Ihnen, Stile zu definieren, die in Ihrem gesamten Stylesheet wiederverwendet werden können. Sie machen es einfach, die Verwendung nicht-semantischer Klassen wie. float-left, und um Sammlungen von Stilen in Bibliotheken zu verteilen. EIN mixin's Name kann beliebig sein Sass Bezeichner und kann jede andere Anweisung als Anweisungen der obersten Ebene enthalten.

Wie verwendet man Mixins diesbezüglich?

Zu verwenden ein Mischen , wir einfach verwenden @include gefolgt vom Namen des Mischen und ein Semikolon. Nachdem Sie diesen SCSS-Code in CSS kompiliert haben, sollte unsere CSS-Datei so aussehen.

Warum würden Sie ein Mixin verwenden?

Mischen . Mixins die Wiederverwendung von Code fördern und kann Sein gewöhnt an Vermeiden Sie die Mehrdeutigkeit bei der Vererbung, die bei der Mehrfachvererbung kann Ursache (das "Diamantproblem"), oder zu Fehlende Unterstützung für Mehrfachvererbung in einer Sprache umgehen. EIN mixin kann auch als Schnittstelle mit implementierten Methoden zu sehen.

Empfohlen: