Sélecteurs de classe et d'identifiants
- Sélecteurs de classe :
élément.classe | .classe - Sélecteurs d'identifiant :
élément#id | #id - Exemple CSS :
p.rouge { color : red; } p.violet { color : purple; } .bleu { color : blue; } p#maj1, p#maj2 { text-transform: uppercase;} #orange1, #orange2 {color:orange; } - Code HTML associé :
<p class="rouge">p rouge</p> <p class="violet">p violet</p> <p class="bleu">p bleu</p> <h3 class="bleu">h3 bleu</h3> <p class="rouge violet">p violet !</p> <p id="maj1">p en majuscules</p> <p id="maj2" class="rouge"> p en majuscules rouges</p> <h3 id="orange1">h3 orange</h3> <h3 class="bleu" id="orange2"> h3 orange !</h3> - Résultat :
p rouge
p violet
p bleu
h3 bleu
p violet !
p en majuscules
p en majuscules rouges
h3 orange
h3 orange !