HTML et CSS

HTML/CSS>
Feuilles de style (CSS) >
Sélecteurs

Sélecteurs

Dans la mesure où nous voulons décrire le style d'un élément en dehors de cet élément, il va être nécessaire de pouvoir indiquer à quel(s) élément(s) s'applique un style donné. Pour cela on dispose de sélecteurs permettant de désigner telle ou telle catégorie d'élément.

La syntaxe générale des styles est identique dans les éléments <style> internes et dans les feuilles de style externe :
sélecteur {liste des propriétés de style séparées par un point-virgule}

Exemples de sélecteurs fréquemment utilisés :

Le principe de la cascade s'applique aussi aux sélecteurs. Un sélecteur plus précis hérite du style défini pour un sélecteur plus général, mais il prend la priorité. Par exemple si on définit des styles pour les catégories div, div.madiv et div.madiv:hover , div.madiv hérite des propriétés de div, mais peut les modifier. De même div.madiv:hover hérite des propriétés de div.madiv et peut les modifier.
Créez une nouvelle page "demo2.html" contenant un long texte, utilisez les sélecteurs et une déclaration de style globale pour donner à plusieurs paragraphes du texte un style identique
 
Licence Creative Commons
licence Creative Commons Attribution - Pas d’Utilisation Commerciale - Partage dans les Mêmes Conditions 3.0 non transposé
Auteur : Nathalie Bonnin
Professeur de Physique, Chimie, Informatique au lycée La Martinière Monplaisir (Lyon 8ème)
Contact :
nathalie.bonnin (chez) scientillula.net
Licence Creative Commons
La totalité du contenu du site Scientillula.net appartient à Nathalie Bonnin et est mise à disposition selon les termes de la licence Creative Commons Attribution - Pas d’Utilisation Commerciale - Partage dans les Mêmes Conditions 3.0 non transposé