coopernet Réussir son site web et ses applications de la conception à la réalisation

Sélection par type

ou par balise ex : header

Sélection par descendance

section header article
section>header>article  

Groupement

h2, h3

Sélection par class et id

.actu
#actu1

Sélection par pseudo class

:hover
:after
:before
:nth-child(2n+1)// attention, tous les éléments "frères" comptent !

Sélecteur par attribut

article[title="bonjour"]

Sélecteur par attribut avec regexp

[class^="icon-"], [class*=" icon-"]

Poids des sélecteurs 

Les poids sont attribués par ordre d'importance :

1. !important
2. # (id en html)
3. . (class en html)
4. type (de balise en comptant la descendance)
5. selecteur universel (*)