iez juste vous arrêter au sélecteur précédent et avoir seulement :
<code sass>
.project-preview{
// v... ieurs espaces. Vous en avez déjà croisé sans le savoir : par exemple, ''ul li'' permet de cibler n’impor... 'a'', hériteront de ces propriétés !
On vient de voir ensemble le combinateur descendant, mais il en ex... ue vous en connaissez certains sans vraiment le savoir. 😉
==== Combinateur parent ====
<code css>
.par
tes, mais surtout de gagner du temps.
Il doit y avoir un moyen plus simple, non ? Finalement, c’est pre... ouleur, juste un poil plus foncée. Si on pouvait avoir une seule mixin, mais qui puisse s’adapter…
On v... assombrir une couleur.
Comment faire ? Comment savoir quelle fonction utiliser ? Je regarde la [[https:... re recette darken assombrit les couleurs. Pour pouvoir faire cette recette il nous faut 2 ingrédients :
it partie de l’apprentissage. Le tout est de le savoir, d’y penser et de prendre le temps d’y remédier.
... trouvons :
* ''border-radius: 30px''
On peut voir que tous nos boutons, malgré leurs différences, o... tn btn-orange">Bouton</button>
</code>
Sans le savoir, vous venez de mettre en place ce qu’on appelle l
rs par leur **code couleur hexadécimal**, ni de savoir quelle couleur correspond à quel code. Alors oui,... et et veut que son site soit orange. Vous allez devoir repasser en revue **tous** vos fichiers CSS, modi... chocolat) et on y colle une **étiquette** pour savoir ce qu’il y a dedans (chocolat de Kassandre, ne su
e bien des outils et plateformes en ligne pour pouvoir pratiquer votre code Sass sans l’installer sur vo... ne =====
Pour pratiquer, rien de mieux que de pouvoir essayer en ligne sans rien installer. Seulement, ... nt faire dans le cas où vous voulez quand même pouvoir poster en ligne votre travail Sass, et ce sans vo
://openclassrooms.com/|Openclassrooms]].
Pour pouvoir charger une page sur le web, les navigateurs resp... ’une fois.
<note>
Il est toujours judicieux de revoir les bases pour consolider ses connaissances : n’h
artichaut : le nom en évoque l’apparence ou le pouvoir. C’est la même chose pour notre HTML.
Comme pour... bout de code réutilisable, ce qui nous permet d’avoir une codebase bien ordonnée, tout en assurant une ... era à mieux visualiser votre structure HTML et prévoir votre structure avec BEM.
* BEM signifie bloc,
}
}
</code>
Pas mal, non ? Plutôt que de devoir tout séparer, la media query et ses règles sont b... loyer votre code Sass en ligne. C'est ce qu'on va voir dans le prochain et dernier chapitre.
[[230_a
penclassrooms.com/|Openclassrooms]].
Prérequis : voir le cours [[cours:informatique:dev:web:creez_votre... et un beau jour on regrette amèrement de ne pas avoir pris le temps de réfléchir à l'organisation et la
le combinateur parent > enfant, il aurait fallu avoir ul > li.
La réponse 3 est un combinateur descend... utton;
}
</code>
++++ Réponse |
Choix 2.
Pour pouvoir utiliser une mixin, il faut l’inclure dans le sél
