CSS : les sélecteurs
Menu général
Cours XHTML & CSS
- Le langage xHTML
- Introduction HTML
- Forme générale d'une page web
- Les balises et attributs
- Organisation du texte
- Inserer des images
- Créer un lien hypertexte
- Le langage CSS
- Introduction où mettre du CSS ?
- Appliquer un style à des balises
- Utiliser les class et id
- Taille du texte
- Choix de polices
- Alignement
- Effet de style
- Les couleurs
- Arriére plan css
Plus de langage XHTML ET CSS
- Listes à puces
- Différents types de listes
- Emballage de la page Web
- Les balises universelles
- Les flottants
- Le design
- Les tableaux
- Les formulaires
Plus...
- Mettre le site en ligne
Après avoir créer des pages web, créer votre site et le mettre sur le Web. - Liste de balies HTML
Liste non exhaustive permet de savoir si la balise existe, quels sont ses attributs les plus utilisés - Liste des propriétés CSS
liste des propriétés CSS telles que décrites dans les documents de la norme CSS 2 - Événements HTML
des événements qui peuvent être insérés dans des éléments HTML XHTML pour générer des actions. - Les sélecteurs
le tableau résumé de sélecteur de CSS2 .
Pour votre referensement gratuit
Définition et utilisation:Les selecteurs
Dans le tableau suivant un résumé de sélecteur de CSS2 :
X et Y sont des éléments html donc des balise par exemple: div p img a etc ...
| Motif | Signification |
|---|---|
| * | Correspond à tout élément. |
| X | Correspond à tout élément X (c.à.d., un élément de type X). |
| X Y | Correspond à tout élément Y qui est un descendant de l'élément X. |
| X > Y | Correspond à tout élément Y aussi un enfant de l'élément X. |
| X:first-child | Correspond à un élément X aussi le premier enfant de son élément parent. |
| X:link X:visited |
Correspond à un élément X qui est une ancre dans la source dont le lien n'a pas été visité (:link) ou bien l'a déjà été (:visited). |
| X:active X:hover X:focus |
Correspond à l'élément X au cours de certaines actions de l'utilisateur. |
| X:lang(c) | Correspond à l'élément de type X qui emploie une langue c (la détermination de cette langue est spécifique au langage du document). |
| X + Y | Correspond à tout élément Y immédiatement précédé par un élément X. |
| X[foo] | Correspond à tout élément X avec l'attribut "foo" (quelles qu'en soient les valeurs). |
| X[foo="warning"] | Correspond à tout élément X dont l'attribut "foo" a exactement la valeur "warning". |
| X[foo~="warning"] | Correspond à tout élément X dont l'attribut "foo" a pour valeur une liste de valeurs séparées par des caractères blancs et dont une de celles-ci est "warning". |
| X[lang|="en"] | Correspond à tout élément X dont l'attribut "lang" a pour valeur une liste de valeurs séparées par des tirets, cette liste commençant (à gauche) par "en". |
| DIV.warning | Seulement en HTML. Identique à DIV[class~="warning"]. |
| X#myid | Correspond à tout élément X dont l'ID est "myid". |
