ids d’un sélecteur et, dans le cas d’une égalité, sera utile à votre navigateur pour appliquer le CSS.
+... d-color: blue;
}
</code>
Quelle couleur de fond sera appliquée à notre div ?
- Rouge
- Vert
- B... bleu !
Si vous supprimez l’ID de votre HTML, ce sera la classe qui sera appliquée ; enfin, si vous supprimez la classe de votre HTML ce sera la couleur de f
1 correspond au combinateur adjacent : la couleur sera appliquée à l’élément <li>, si celui-ci est précé... -color: #15dea5;
}
}
</code>
sous quelle forme sera compilé ce code ?
<code css>
.block&__element {
... ker la valeur de l’arrondi de vos boutons. Quelle serait la bonne syntaxe ?
- ''$border-radius: 30px;... tton {
border-radius: 30px;
}
</code>
Quelle serait la bonne syntaxe ?
- <code sass>
.button {
ichier ''.scss'', et le tour est joué. Votre code sera interprété et votre CSS sera exécuté, mais ne sera pas transformé en Sass.
===== Analysez la syntaxe =====
Pour utiliser Sass, il... #a5b4fc;
}
}
}
</code>
Et en .sass , ce serait :
<code sass>
.nav
text-align: right
.n
aut une nouvelle couleur pour cette ombre. Quelle serait la meilleure façon d’intégrer cette proposition... w'' est incluse dans ''%%.intro__title%%'' : elle sera donc appliquée aux éléments contenus dans ''%%.in... e réfère à notre code :
- La valeur de couleur sera ''$title-color'' : nous voulons que l’ombre de no... ue la couleur du titre.
- La valeur ''$amount'' sera de 35 % pour commencer.
Mais... Comment on fait,
répétitions**. Je vous ai préparé un exemple qui sera plus parlant que 10 000 mots ! Partons à la chass... se ''.btn'' pour obtenir un bouton classique, qui sera suivi de ''.btn-round'' pour obtenir des bords ar
: le code inline est supérieur aux autres, et il sera donc appliqué en priorité.
Prenons un autre exem... tre sélecteur ait 10, 20 ou 20 000 classes. Un id sera toujours plus fort.
* La notion la plus importa
our notre HTML.
Comme pour les pokémons, l’idéal serait qu’en un simple coup d'œil au nom d’une classe,... logo%%'' pour notre logo.
Chaque lien ou élément sera défini ainsi :
<code css>
.navbar__link {
marg
install -g sass
</code>
Attention, cette version sera plus lente que les précédentes options listées au-dessus. Mais l’interface sera la même, dans tous les cas vous pourrez changer p
