Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
web:basescss [2022/08/25 12:29] – [CSS] phil | web:basescss [2023/06/18 18:47] (Version actuelle) – phil | ||
---|---|---|---|
Ligne 3: | Ligne 3: | ||
===== WEB - Les bases du CSS ===== | ===== WEB - Les bases du CSS ===== | ||
- | [Mise à jour le 25/8/2022] | + | [Mise à jour le 18/6/2023] |
- | * **Source** | + | * **Ressources** |
* < | * < | ||
Ligne 288: | Ligne 288: | ||
==== 8. Sélecteurs avancés ==== | ==== 8. Sélecteurs avancés ==== | ||
+ | |||
+ | ***** : **sélecteur universel** | ||
+ | |||
+ | // Exemple // | ||
+ | <code css *.css> | ||
+ | /* Pour faire un RESET CSS on applique la même règle à toutes les balises */ | ||
+ | |||
+ | * { | ||
+ | /* Règle CSS */ | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | **A B : une balise contenue dans une autre** | ||
+ | |||
+ | // Exemple // | ||
+ | <code css *.css> | ||
+ | /* Pour appliquer la règle à toutes les balises <em> contenues dans une balise <h3> */ | ||
+ | |||
+ | h3 em { | ||
+ | /* Règle CSS */ | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | **A + B : une balise qui en suit une autre** | ||
+ | |||
+ | // Exemple // | ||
+ | <code css *.css> | ||
+ | /* Pour appliquer la règle à la première balise p (paragraphe) qui suit une balise h3 (titre) */ | ||
+ | |||
+ | h3 + p { | ||
+ | /* Règle CSS */ | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | **A[attribut] : une balise possédant un attribut** | ||
+ | |||
+ | // Exemple // | ||
+ | <code css *.css> | ||
+ | /* Pour appliquer la règle à toutes les balises a (lien) possédant l' | ||
+ | |||
+ | a[title]{ | ||
+ | /* Règle CSS */ | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | **A[attribut=" | ||
+ | |||
+ | // Exemple // | ||
+ | <code css *.css> | ||
+ | /* Pour appliquer la règle à toutes les balises a (lien) dont l' | ||
+ | |||
+ | a[title=" | ||
+ | /* Règle CSS */ | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | **A[attribut*=" | ||
+ | |||
+ | // Exemple // | ||
+ | <code css *.css> | ||
+ | /* Pour appliquer la règle à toutes les balises a (lien) dont l' | ||
+ | a[title*=" | ||
+ | { | ||
+ | /* Règle CSS */ | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | ==== Pour aller plus loin ... ==== | ||
+ | < |