Mis on mixin CSS?
Mis on mixin CSS?

Video: Mis on mixin CSS?

Video: Mis on mixin CSS?
Video: SASS Tutorial (build your own CSS library) #12 - Mixins 2024, November
Anonim

Segud . A segamine võimaldab luua rühmi CSS deklaratsioonid, mida soovite kogu saidil uuesti kasutada. Võite isegi väärtusi edasi anda, et muuta oma segamine paindlikumaks. Hea kasutamine a segamine on müüja eesliidete jaoks.

Vastavalt sellele, kuidas kasutada Mixineid CSS-is?

Loomine segud @ kaudu segamine reegel Segud võimaldavad dokumendi autoritel määratleda atribuutide väärtuste paaride mustrid, mida saab seejärel teistes reeglikomplektides uuesti kasutada. The segamine nimi on klassi valija, mis tuvastab segamine kuulutatakse välja. @ segamine märksõnale peab järgnema segamine nimi ja deklaratsiooniplokk.

Lisaks, mis on Mixins SCSS-is? Segud võimaldab teil määratleda stiile, mida saab kogu stiilitabeli jooksul uuesti kasutada. Nende abil on lihtne vältida mittesemantiliste klasside, näiteks. float-left ja stiilide kogude levitamiseks teekides. A segamine nimi võib olla ükskõik milline Sass identifikaator ja see võib sisaldada mis tahes avaldust peale tipptaseme lausete.

Sellega seoses, kuidas te Mixinit kasutate?

To kasutada a Mixin , me lihtsalt kasutada @include, millele järgneb selle nimi Mixin ja semikoolon. Pärast selle SCSS-koodi CSS-iks kompileerimist peaks meie CSS-fail välja nägema selline.

Miks peaksite segu kasutama?

Mixin . Segud julgustada koodi taaskasutamist ja saab olla harjunud vältida pärimise mitmetähenduslikkust, et mitmikpärimine saab põhjus ("teemantprobleem") või juurde lahendada keele mitmekordse pärimise toe puudumine. A segamispurk vaadelda ka kui liidest rakendatud meetoditega.

Soovitan: