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:32] – [8. Sélecteurs avancés] 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 293: | Ligne 293: | ||
// Exemple // | // Exemple // | ||
<code css *.css> | <code css *.css> | ||
+ | /* Pour faire un RESET CSS on applique la même règle à toutes les balises */ | ||
+ | |||
+ | * { | ||
+ | /* Règle CSS */ | ||
+ | } | ||
</ | </ | ||
Ligne 299: | Ligne 304: | ||
// Exemple // | // Exemple // | ||
<code css *.css> | <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 ... ==== | ||
+ | < |