CSS3 plusieurs questions. Fermé

Question

Hello, Je découvre les possibilités de CSS 3 pour mettre en forme des sites internet. Déjà je viens de comprendre qu'il était possible de totalement dissocier le contenu (texte, images...) de la forme (design). Mais j'ai des lacunes: - Quelle est la différence par exemple entre une class et un id. Et quand se réfère-t-on à l'un ou à l'autre ?

(html) - Quelles sont les subtilités de chacune de ses lignes ? (CSS) #page ul li a {} #page .menu a {} div.menu ul li a {} div#page ul a {} Merci.

avion-f16 · Answer

Pour séparer le contenu du style, ce n'est pas nouveau. C'est faisable depuis que le CSS existe.

Pour les class et id : chaque id est unique, aucun élément peut avoir un id déjà utiliser par un autre. On l'utilise pour cibler un élément précis de la page (comme le champ de recherche, le div contenant le menu, ...). 
Par contre, une même class peut être utilisée sur différents éléments. Si tu appliques un style sur une class, tous les éléments ayant cette class auront le style.

Pour finir, les lignes que te donne permettent de ciblé un ou des éléments à l'aide des sélecteurs CSS.
Pa exemple, "#menu li.actif" appliquera le style sur les balises <li> ayant comme class "actif" et étant dans l'élément ayant "menu" comme id.

Morgatte · Answer

Ok merci pour ces précision, je viens à l'instant de découvrir une page très intéressante et son logiciel pour bien comprendre et tester tout ça.

https://www.westciv.com/tools/shadows/index.html
https://westciv.com/westciv/downloads.html

Merci

avion-f16 · Answer

Très intéressant l'outil en ligne.

CSS3 plusieurs questions.

3 réponses

Discussions similaires