oujood.com

Les sélécteurs en CSS

Les sélecteurs sont l'un des aspects les plus importants de CSS telles qu'elles sont utilisées pour sélectionner des éléments sur une page HTML de sorte qu'ils peuvent être décorés
En CSS, les sélecteurs sont des modèles utilisés pour sélectionner les éléments que vous voulez style.
La colonne CSS indique dans quelle version CSS, la propriété est définie (CSS1, CSS2 et CSS3)

Listes des sélecteurs css

Dans le tableau suivant un résumé de sélecteur de CSS :
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 comme p ,h1, a ...).
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.maClasse Seulement en HTML. Identique à DIV[class~="maClasse"]. càd les div qui ont la class="maClasse"
X#mom-id Correspond à tout élément X dont l'ID est "mom-id".

Par carabde 10 mars 2014

chapitre suivant


SCREEBER - Logiciel de copywriting

SCREEBER - Logiciel de copywriting Augmentez vos résultats en rejoignant les 1600 entrepreneurs qui utilisent Screeber®, le seul logiciel de Copywriting (en français) qui rédige avec vous des textes de vente qui convertissent


HTML5, CSS3, JavaScript pour débutants Tome 1
HTML5, CSS3, JavaScript
pour débutants Tome 1

Premier tome d'une série vidéo dédiée à l'apprentissage des langages HTML, CSS et JavaScript.

Regarder aussi nos cours :

La pagination avec PHP et MySQL

Ce tutoriel va vous montrer comment sélectionner des données dans une base de données MySQL, les répartir sur plusieurs pages, pour les afficher page par page à l'aide de numéros de page

str_pad, str_pad

Complète une chaîne jusqu' une taille donnée

Balise acronym

Non pris en charge HTML5. Définit un acronyme


Votre soutien nous aide à faire fonctionner le site
Cette page vous a été utile? Partagez la pour nous encourager à continuer