WEB TUTO
Web Tuto
News
Apprendre a Creer un Site Web avec HTML et CSS
Hebergement
Nom de Domaine
Hebergeur
Tutoriel de Referencement et Optimisation SEO
16 Verites Swagg Man
Photos Emma Watson
Emma Watson Scandale
Swagg Man et Emma Watson
Swagg Man Biographie
Sélecteurs Universels
Sélecteurs Universels
En CSS on a déjà vu plusieurs sélecteurs...
Pour sélectionner une balise par son type on fait écrit le nom de la balise dans la forme A {}.
Exemple :
p
{
color
:
blue
; }
Pour une classe on fera :
.attribut
{
color
:
blue;
}
Pour un ID on fera :
#id
{
color
:
blue
; }
Mais il en existe bien d'autres !
Par exemple, si je veux une balise contenue dans une autre je fais :
p em
{
color
:
blue
; }
Ça appliquera cet effet de style CSS à chaque balise EM contenue dans une balise P.
Si je veux une balise qui en suit une autre je fais ceci :
p
+
em
{
color
:
blue
; }
Si je veux toutes les balises P qui possèdent obligatoirement l'attribut "monattribut" je fais :
p[monattribut]
{
color
:
blue
; }
Enfin si je veux toutes les balises P avec l'attribut "monattribut" et cet attribut doit avoir la valeur "mavaleur" je fais :
p[monattribut=
"mavaleur"
]
{
color
:
blue
; }
Et voilà, vous savez tout ce qu'il faut savoir sur les sélecteurs universels du langage CSS.
Voici les liens de navigation rapide du chapitre
Mettre en place le CSS
:
1.
C'est quoi le CSS ?
2.
Le fonctionnement du CSS
3.
Traiter une balise
4.
Les classes et ID
5.
Sélecteurs universels
N'hésitez pas à partager ce tuto !
Commentaires