Mixin CSS چیست؟
Mixin CSS چیست؟

تصویری: Mixin CSS چیست؟

تصویری: Mixin CSS چیست؟
تصویری: Урок #5 - @mixin и файловая структура SASS / SCSS 2024, ممکن است
Anonim

مخلوط ها . آ میکسین به شما امکان می دهد گروه هایی را بسازید CSS اعلامیه هایی که می خواهید مجدداً در سرتاسر سایت خود استفاده کنید. شما حتی می توانید ارزش ها را پاس کنید تا خود را بسازید میکسین انعطاف پذیرتر استفاده خوب از a میکسین برای پیشوندهای فروشنده است.

به همین ترتیب، چگونه از Mixins در CSS استفاده کنم؟

پدید آوردن میکسین از طریق @ میکسین قانون مخلوط ها به نویسندگان سند اجازه می دهد تا الگوهایی از جفت ارزش ویژگی را تعریف کنند، که سپس می توانند در مجموعه قوانین دیگر مورد استفاده مجدد قرار گیرند. این میکسین name یک انتخابگر کلاس است که میکسین در حال اعلام شدن @ میکسین کلمه کلیدی باید دنبال شود میکسین نام و بلوک اعلامیه

علاوه بر این، Mixins در SCSS چیست؟ مخلوط ها به شما این امکان را می دهد که سبک هایی را تعریف کنید که می توانند مجدداً در سرتاسر شیوه نامه خود استفاده شوند. آنها اجتناب از استفاده از کلاس های غیر معنایی مانند را آسان می کنند. float-left، و برای توزیع مجموعه ای از سبک ها در کتابخانه ها. آ میکسین نام می تواند هر باشد ساس شناسه، و می تواند حاوی هر عبارتی غیر از عبارات سطح بالا باشد.

با توجه به این موضوع، چگونه از Mixins استفاده می کنید؟

به استفاده کنید آ مخلوط کن ، ما به سادگی استفاده کنید @include به دنبال آن نام مخلوط کن و نیم دونقطه. پس از کامپایل این کد SCSS در CSS، فایل CSS ما باید به این شکل باشد.

چرا از میکسن استفاده می کنید؟

مخلوط کن . مخلوط ها تشویق به استفاده مجدد از کد و می توان بودن استفاده می شود از ابهام وراثت که ارث چندگانه اجتناب کنید می توان علت ("مشکل الماس")، یا به در مورد عدم پشتیبانی از وراثت چندگانه در یک زبان کار کنید. آ میکسین قوطی همچنین به عنوان یک رابط با روش های پیاده سازی شده در نظر گرفته شود.

توصیه شده: