Mixin CSS дегеніміз не?
Mixin CSS дегеніміз не?

Бейне: Mixin CSS дегеніміз не?

Бейне: Mixin CSS дегеніміз не?
Бейне: Урок #5 - @mixin и файловая структура SASS / SCSS 2024, Қараша
Anonim

Миксиндер . А араластырыңыз топтарын жасауға мүмкіндік береді CSS сайтыңызда қайта пайдаланғыңыз келетін мәлімдемелер. Сіз тіпті өзіңізді жасау үшін құндылықтарды бере аласыз араластырыңыз неғұрлым икемді. Жақсы пайдалану а араластырыңыз жеткізуші префикстеріне арналған.

Сәйкесінше, CSS-те Mixins-ті қалай пайдаланамын?

Жасау қоспалар @ арқылы араластырыңыз ереже Миксиндер құжат авторларына сипат мәнінің жұптарының үлгілерін анықтауға рұқсат беріңіз, содан кейін оларды басқа ережелер жиындарында қайта пайдалануға болады. The араластырыңыз name - анықтайтын класс селекторы араластырыңыз жариялануда. @ араластырыңыз кілт сөзінен кейін міндетті түрде араластырыңыз атауы және декларация блогы.

Сонымен қатар, SCSS ішіндегі Mixins дегеніміз не? Миксиндер стильдер кестесінде қайта пайдалануға болатын мәнерлерді анықтауға мүмкіндік береді. Олар сияқты семантикалық емес сыныптарды пайдаланудан аулақ болуды жеңілдетеді. float-left және стильдер топтамаларын кітапханаларда тарату үшін. А араластырғыштар аты кез келген болуы мүмкін Сасс идентификатор және ол жоғарғы деңгейдегі мәлімдемелерден басқа кез келген мәлімдемені қамтуы мүмкін.

Осыған байланысты сіз Mixins қалай пайдаланасыз?

Кімге пайдалану а Миксин , біз жай ғана пайдалану @include, содан кейін атауы Миксин және нүктелі үтір. Осы SCSS кодын CSS-ге құрастырғаннан кейін, біздің CSS файлымыз келесідей болуы керек.

Неліктен миксинді қолданасыз?

Миксин . Миксиндер кодты қайта пайдалануды ынталандыру және алады болуы болған көп мұрагерлік мұрагерлік түсініксіздікті болдырмаңыз алады себебі («гауһар мәселесі»), немесе дейін тілдегі бірнеше мұраға қолдаудың жоқтығына қатысты жұмыс. А араластыруға болады іске асырылған әдістермен интерфейс ретінде де қарастырылады.

Ұсынылған: