tuto ouèb (alpha #6) - id, classes et autres sélecteurs CSS
dans cette vidéo, on voit d'autres sélecteurs que ceux de type
on commence par les id et les classes,
qui sont des sont des attributs que l'on intègre dans les balises HTML de la sorte :
id="nom-de-l'id" (un id est unique, en théorie on ne peut le donner à plusieurs éléments et un élément ne peut avoir qu'un id)
class="nom-de-la-classe ..." (on peut donner plusieurs classes à un élément en les séparant avec des espaces et plusieurs éléments peuvent porter la même classe)
les sélecteurs associés sont, pour :
les ids (avec la syntaxe #nom-de-l'id)
les classes (avec la syntaxe .nom-de-la-classe)
il y a aussi d'autres façons de sélectionner,
en employant des pseudo-classes (qui commencent par ":", ex: div:first-child),
en se basant sur le niveau d'imbrication (pour sélectionner les balises contenues, directement ou non, dans d'autres balises en mettant leur nom à la suite [et un crochet si il est descendant direct, mais je peux pas le taper dans la description])
on voit également comment est décidée la priorité d'application des règles CSS,
avec par ordre de priorité croissant :
selecteur de type,
sélecteur de classe,
sélecteur d'id,
spécificité de l'imbrication (ex: "div h1" prend le dessus sur "h1"),
attribut "style" dans une balise HTML,
mot clé "!important" associé à une propriété
tu peux trouver la liste et le détails des sélecteurs sur le site de MDN :
https://developer.mozilla.org/fr/docs...