Wat is mixin-CSS?
Wat is mixin-CSS?

Video: Wat is mixin-CSS?

Video: Wat is mixin-CSS?
Video: Урок #5 - @mixin и файловая структура SASS / SCSS 2024, Mei
Anonim

Mixins . EEN mixen laat je groepen maken van CSS verklaringen die u op uw hele site wilt hergebruiken. U kunt zelfs waarden doorgeven om uw mixen flexibeler. Een goed gebruik van een mixen is voor leveranciersvoorvoegsels.

Dienovereenkomstig, hoe gebruik ik Mixins in CSS?

Creëren mixins via de @ mixen regel Mixins laat documentauteurs patronen van eigenschapwaardeparen definiëren, die vervolgens kunnen worden hergebruikt in andere regelsets. De mixen naam is een klassekiezer die de. identificeert mixen wordt verklaard. De @ mixen trefwoord moet worden gevolgd door de mixen naam en een declaratieblok.

Bovendien, wat is Mixins in SCSS? Mixins kunt u stijlen definiëren die opnieuw kunnen worden gebruikt in uw stylesheet. Ze maken het gemakkelijk om het gebruik van niet-semantische klassen zoals. float-left, en om collecties van stijlen in bibliotheken te distribueren. EEN mixin's naam kan elke zijn Sass identifier, en het kan elke andere instructie bevatten dan de instructies op het hoogste niveau.

Wat dit betreft, hoe gebruik je Mixins?

Tot gebruik maken van een mixen , wij gewoon gebruik maken van @include gevolgd door de naam van de mixen en een puntkomma. Na het compileren van deze SCSS-code in CSS, zou ons CSS-bestand er als volgt uit moeten zien.

Waarom zou je een mixin gebruiken?

mixen . Mixins hergebruik van code aanmoedigen en kan zijn gewend om vermijd de ambiguïteit van overerving die meervoudige overerving kan oorzaak (het "diamantprobleem"), of tot werk rond gebrek aan ondersteuning voor meervoudige overerving in een taal. EEN mixin kan ook worden gezien als een interface met geïmplementeerde methoden.

Aanbevolen: