Les différents types de sélecteurs CSS 2.1 http://slaout.linux62.org/html_css/css.html Les éléments doivent toujours s’écrire en minuscules. Quelques sélecteurs possibles : * Sélecteur universel. h1 Sélecteur de type (de balise). h 1, h 2, h3 Groupe de sélecteurs. ul ul Eléments imbriqués. div > p Sélecteur d'éléments enfants directs (père-fils / balise mère-fille). h1+ p Eléments consécutifs (adjacents). .important Sélecteur de classe (sous-classe indépendante). p.important Sous-classe. p#parag12 Sélection par balise et Id. #ligne12 Sélection par Id seul. :first-letter Pseudo-élément td[rowspan] Sélecteur d'attribut (avec présence d'un attribut quel que soit sa valeur). p[align=center] Sélecteur d'attribut (attribut avec valeur).

Sélecteur universel : * (l'étoile) : Le sélecteur universel étoile ( * ) désigne tous les éléments. Ce sélecteur est généralement utilisé pour initialiser une propriété commune à tous les éléments de la page comme la police par exemple. * {font-family: arial, sans-serif;} Attention ! L'étoile détruit le mécanisme d'héritage par défaut. Attention ! Certains de ces sélecteurs ne sont pas supportés par les plus vieux navigateurs. Il est donc important de faire des tests sur plusieurs navigateurs.

Sélecteur de type (de balise) : Le sélecteur simple est une balise HTML (sans les caractères < et >). Il désigne les éléments correspondant à cette balise. Le code ci-dessous change la couleur des titres h1 (titres de plus haut niveau). h1 {color: blue;} Groupe de sélecteurs : On peut regrouper plusieurs sélecteurs dans une liste, séparés par des virgules, quand ceux-ci partagent les mêmes déclarations (même style à plusieurs balises). L'exemple ci-après désigne les titres h1 et h2 ainsi que le paragraphe p. h1 {text-align: center;} h2 {text-align: center;} p {text-align: center;} ici, on condense trois règles qui ont les mêmes déclarations en un regroupement : h1, h2, p {text-align: center;}

types de sélecteurs.docx

1/5

Sélecteur