Dans un viewport, pointez vers un élément et appliquez un style à cet élément. Par exemple, prenez le bloc de code suivant: * STYLE imbriqué. Scss
Oui. Contenu {
Famille de polices: temps, sans serif
P {famille de polices: Helvetica, serif}
A {couleur: 565656 ampamp: vol stationnaire {couleur: 8888}}
La cible est une classe nommée. Le contenu et peut être le style général appliqué, comme décrit ci dessus, la première ligne déclare sa famille de caractères, mais elle a un style imbriqué pour P, et les éléments déclarent leur propre style, mais dans une classe de style externe.
Notez également que lamprsquoélément pseudo stationnaire est ajouté à lamprsquoélément a, qui contient un élément et un élément commercial, et que son style est plus imbriqué dans les éléments imbriqués dans lamprsquoélément. Contenu Pense aux poupées russes. Ceci produira le fichier CSS suivant: * STYLE imbriqué. CSS *
Oui. Contenu {
Famille de polices: temps, sans serif}
Oui. Contenu P {
Famille de polices: Helvetica, serif}
Oui. Contenu a {
Couleur: 565656}
Oui. Contenu a: vol stationnaire {
Couleur: 8888} Mixin semble bien pire que cela: mixin namprsquoest quamprsquoune variable damprsquoun autre type, déclarant essentiellement un ensemble de styles dans un type de type, puis les réutilisant dans un autre groupe de styles en utilisant seulement le nom de substituant initial.
Par conséquent, déclarer mixin utilise @ mixin plus le nom du substituant, un peu comme une classe, mais sans préfixe de point. Mix. Scss
Mélanger myborder
Remplissage: 0 1%
Marge bénéficiaire: 30 Px 2%
} réutiliser mixin plus tard le long des pistes dans le fichier. SCS utilise @ include et le nom du substituant, toujours sans point de départ Mix. Scss
Oui. Mysuperblock
Série de polices: arial, sans serif
Taille de la police: 1rem
Inclure mes limites
Camprsquoest ce qui se passe dans le fichier. CSS: * Mixed. CSS *
Oui. Mysuperblock
Famille de caractères: arial, sans serif
Taille de la police: 1rem
Remplissage: 0 1%
Marge bénéficiaire: 30px 2%} Opérateur n
Guide de démarrage Sass pour CSS
