Il est aussi possible d'utiliser des styles différents pour des balises de même type, pour cela on utilise le concept de classe et d'identifiant.
Les classes
Pour définir une classe, il faut préciser la balise,la faire suivre d'un point, puis le nom de classe que vous souhaitez.
p.vert{
font: Verdana 14px;
color: #336600
}
Pour affecter une classe à une balise
XHTML, il suffit de lui ajouter un attribut
class avec le nom de la classe choisie.
<p class="vert"> Texte en vert </p>
Les classes universelles
Si aucune balise n'est précisée, la classe sera prise en compte comme une classe universelle et pourra être utilisée sur n’importe qu’elle balise.
.vert{
font: Verdana 14px;
color: #336600
}
Les sélecteurs identifiants
Pour les sélecteurs identifiants, la procédure est la même que pour les classes. La seule différence est qu'ils permettent de faire référence à un élément unique d'une page.
Définition d'un identifiant:
p#vert{
font: Verdana 14px;
color: #336600;
}
Appel d'un identifiant:
<p id="vert"> Texte en vert </p>
Incorporer les styles à une page <<
Cours CSS
>> Pseudo-classes
Imprimer ce cours