Ինչ է mixin CSS-ը:
Ինչ է mixin CSS-ը:

Video: Ինչ է mixin CSS-ը:

Video: Ինչ է mixin CSS-ը:
Video: #CSS #SCSS SASS/SCSS ՄԱՍ-2/PART-2 ներդրված սելեքթորներ , @mixin 2024, Մայիս
Anonim

Միքսիններ . Ա միքսին թույլ է տալիս խմբեր կազմել CSS հայտարարություններ, որոնք ցանկանում եք վերօգտագործել ձեր կայքում: Դուք նույնիսկ կարող եք արժեքներ փոխանցել ձերը դարձնելու համար միքսին ավելի ճկուն: Ա-ի լավ օգտագործումը միքսին նախատեսված է վաճառողի նախածանցների համար:

Համապատասխանաբար, ինչպե՞ս կարող եմ օգտագործել Mixins-ը CSS-ում:

Ստեղծելով միքսիններ @-ի միջոցով միքսին կանոն Միքսիններ թույլ են տալիս փաստաթղթերի հեղինակներին սահմանել գույքի արժեքային զույգերի օրինաչափություններ, որոնք այնուհետև կարող են կրկին օգտագործվել այլ կանոնակարգերում: Այն միքսին անունը դասի ընտրիչ է, որը նույնականացնում է միքսին հայտարարվում է. The @ միքսին հիմնաբառին պետք է հաջորդի միքսին անվանումը և հայտարարագրման բլոկը:

Բացի այդ, ի՞նչ է Mixins-ը SCSS-ում: Միքսիններ թույլ է տալիս սահմանել ոճեր, որոնք կարող են կրկին օգտագործվել ձեր ոճաթերթում: Նրանք հեշտացնում են խուսափել ոչ իմաստային դասերից, ինչպիսիք են. float-left, և ոճերի հավաքածուները գրադարաններում տարածելու համար: Ա միքսին անունը կարող է լինել ցանկացած Սաս նույնացուցիչ, և այն կարող է պարունակել ցանկացած այլ հայտարարություն, բացի վերին մակարդակի հայտարարություններից:

Այս առնչությամբ ինչպե՞ս եք օգտագործում Mixins-ը:

Դեպի օգտագործել ա Միքսին , մենք պարզապես օգտագործել @include, որին հաջորդում է անունը Միքսին և կիսատ-կետ. Այս SCSS կոդը CSS-ում կազմելուց հետո մեր CSS ֆայլը պետք է այսպիսի տեսք ունենա.

Ինչու՞ կօգտագործեիք միքսին:

Միքսին . Միքսիններ խրախուսել կոդի կրկնակի օգտագործումը և կարող է լինել սովոր է խուսափել ժառանգական երկիմաստությունից, որ բազմակի ժառանգությունը կարող է պատճառ («ադամանդի խնդիր»), կամ դեպի աշխատել լեզվով բազմակի ժառանգության աջակցության բացակայության շուրջ: Ա միքսին կարող է դիտվել նաև որպես ներդրված մեթոդների ինտերֆեյս:

Խորհուրդ ենք տալիս: