Zone Webmasters - CSS - Les classes et les sélecteurs identifiant

> Accueil > Cours > CSS > Les classes et les sélecteurs identifiant

CSS - Les classes et les sélecteurs identifiant

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





Faire un lien | Partenaires ©2005-2008 Rudy Onfroy Tous droits réservés Contact | RSS | Plan | Haut