Qu'est-ce que mixin CSS?
Qu'est-ce que mixin CSS?

Vidéo: Qu'est-ce que mixin CSS?

Vidéo: Qu'est-ce que mixin CSS?
Vidéo: SASS / SCSS : Découverte Mixin, fonction et Extend 2024, Novembre
Anonim

Mélanges . UNE mélanger vous permet de créer des groupes de CSS déclarations que vous souhaitez réutiliser sur votre site. Vous pouvez même passer des valeurs pour rendre votre mélanger plus flexible. Une bonne utilisation d'un mélanger est pour les préfixes de fournisseur.

En conséquence, comment utiliser les Mixins en CSS ?

Création mélanges via le @ mélanger régner Mélanges permettre aux auteurs de documents de définir des modèles de paires de valeurs de propriété, qui peuvent ensuite être réutilisés dans d'autres ensembles de règles. Les mélanger name est un sélecteur de classe qui identifie le mélanger étant déclaré. Les @ mélanger le mot-clé doit être suivi du mélanger nom et un bloc de déclaration.

De plus, qu'est-ce que Mixins dans SCSS ? Mélanges vous permettent de définir des styles qui peuvent être réutilisés dans votre feuille de style. Ils permettent d'éviter facilement l'utilisation de classes non sémantiques telles que. float-left et pour distribuer des collections de styles dans des bibliothèques. UNE mélange le nom peut être n'importe quel Toupet identifiant, et il peut contenir n'importe quelle instruction autre que les instructions de niveau supérieur.

A ce propos, comment utilisez-vous les Mixins ?

À utilisation une Mélanger , nous avons simplement utilisation @include suivi du nom du Mélanger et un point-virgule. Après avoir compilé ce code SCSS en CSS, notre fichier CSS devrait ressembler à ceci.

Pourquoi utiliseriez-vous un mixin?

Mélanger . Mélanges encourager la réutilisation du code et pouvez être habitué éviter l'ambiguïté d'héritage que l'héritage multiple pouvez cause (le "problème du diamant"), ou à contourner le manque de prise en charge de l'héritage multiple dans une langue. UNE mélanger peut également être considérée comme une interface avec les méthodes mises en œuvre.

Conseillé: