Kas yra mixin CSS?
Kas yra mixin CSS?

Video: Kas yra mixin CSS?

Video: Kas yra mixin CSS?
Video: SASS Tutorial (build your own CSS library) #12 - Mixins 2024, Lapkritis
Anonim

Mišiniai . A maišymas leidžia sudaryti grupes CSS deklaracijas, kurias norite pakartotinai naudoti visoje svetainėje. Jūs netgi galite perduoti vertybes, kad sukurtumėte savo maišymas lankstesnis. Geras panaudojimas a maišymas skirtas pardavėjo prefiksams.

Atitinkamai, kaip naudoti Mixins CSS?

Kuriamas mišiniai per @ maišymas taisyklė Mišiniai leisti dokumentų autoriams apibrėžti nuosavybės verčių porų modelius, kuriuos vėliau galima panaudoti kituose taisyklių rinkiniuose. The maišymas pavadinimas yra klasės parinkiklis, identifikuojantis maišymas yra deklaruojamas. @ maišymas Po raktinio žodžio turi būti maišymas pavadinimas ir deklaracijos blokas.

Be to, kas yra „Mixins“SCSS? Mišiniai leidžia apibrėžti stilius, kuriuos galima pakartotinai naudoti visame stilių lape. Jie leidžia lengvai išvengti nesemantinių klasių, tokių kaip. float-left, ir platinti bibliotekose stilių kolekcijas. A maišymas vardas gali būti bet koks Sass identifikatorius, ir jame gali būti bet koks teiginys, išskyrus aukščiausio lygio teiginius.

Kalbant apie tai, kaip jūs naudojate „Mixins“?

Į naudoti a Sumaišyti , mes tiesiog naudoti @include, po kurio nurodomas pavadinimas Sumaišyti ir kabliataškis. Sukompiliavus šį SCSS kodą į CSS, mūsų CSS failas turėtų atrodyti taip.

Kodėl turėtumėte naudoti mišinį?

Sumaišyti . Mišiniai skatinti pakartotinį kodo naudojimą ir gali būti įpratęs išvengti paveldėjimo dviprasmiškumo, kad daugybinis paveldėjimas gali priežastis („deimantų problema“), arba į išspręsti daugelio kalbos paveldėjimo palaikymo trūkumą. A maišyti gali taip pat gali būti vertinama kaip sąsaja su įdiegtais metodais.

Rekomenduojamas: