Apakah mixin CSS?
Apakah mixin CSS?

Video: Apakah mixin CSS?

Video: Apakah mixin CSS?
Video: Write less code with these Sass mixins 2024, Mungkin
Anonim

Campuran . A mixin membolehkan anda membuat kumpulan CSS pengisytiharan yang anda mahu gunakan semula di seluruh tapak anda. Anda juga boleh memasukkan nilai untuk membuat anda mixin lebih fleksibel. Penggunaan yang baik a mixin adalah untuk awalan vendor.

Sejajar dengan itu, bagaimana saya menggunakan Mixin dalam CSS?

Mencipta campuran melalui @ mixin peraturan Campuran membenarkan pengarang dokumen untuk menentukan corak pasangan nilai harta, yang kemudiannya boleh digunakan semula dalam set peraturan lain. The mixin nama ialah pemilih kelas yang mengenal pasti mixin sedang diisytiharkan. @ mixin kata kunci mesti diikuti oleh mixin nama dan blok pengisytiharan.

Selain itu, apakah Mixins dalam SCSS? Campuran membolehkan anda menentukan gaya yang boleh digunakan semula sepanjang helaian gaya anda. Mereka memudahkan untuk mengelak daripada menggunakan kelas bukan semantik seperti. float-left, dan untuk mengedarkan koleksi gaya dalam perpustakaan. A mixin's nama boleh jadi apa-apa Sass pengecam, dan ia boleh mengandungi sebarang pernyataan selain daripada pernyataan peringkat atas.

Mengenai ini, bagaimana anda menggunakan Mixin?

Kepada guna a Mixin , kami hanya guna @termasuk diikuti dengan nama Mixin dan koma bertitik. Selepas menyusun kod SCSS ini ke dalam CSS, fail CSS kami sepatutnya kelihatan seperti ini.

Mengapa anda menggunakan mixin?

Mixin . Campuran menggalakkan penggunaan semula kod dan boleh jadilah pernah elakkan kekaburan warisan yang berbilang warisan boleh punca ("masalah berlian"), atau kepada mengatasi kekurangan sokongan untuk pelbagai warisan dalam bahasa. A mixin boleh juga boleh dilihat sebagai antara muka dengan kaedah yang dilaksanakan.

Disyorkan: