La portée des règles de style
Les éléments de calcul
- Quels peuvent être les différentes provenances (ou les différents auteurs) d'une régle de style ?
- Définir (rapidement) dans le cadre des feuilles de styles :
- Héritage
- Cascade
- Spécificité
La spécificité avec les css
Déterminer les spécificités des éléments suivants :- H1 {color: red;}
- P EM {color: red;}
- .special {color: red;}
- P.special {color: red;}
- P.special EM.bright {color: red;}
- ul ul {color: red;}
- ul ul li {color: red;}
- H2.ex1 EM {color: red;}
- H2 EM {color: red;}
- .funclass {color: red;}
- SPAN.funclass {color: red;}
- .class1 {color: red;}
- SPAN.class1 {color: red;}
- LI SPAN.class1 {color: red;}
- #tagid2 {color: red;}
- SPAN#tagid2 {color: red;}
- BLOCKQUOTE SPAN#tagid2 {color: red;}
De quelle couleur sera la double liste du fichier html ?
- ul ul {color: red;}
- li li {color: black;}
Spécificité et héritage
Prévoir puis tester le comportement du fichier suivant lorsque lui sont appliquées les règles suivantes:- BODY { background : black;}
- H1#heritage { color:green;}
- EM { color : yellow;}
- LI { color:gray;}
- UL.vital { color : white; }
Corriger ce fichier pour obtenir une résultat en cohérence avec la complexité des sélecteurs utilisés.
Retour sur l'exercice 1
(Si besoin....) Après avoir placé le patch suivant au début de votre feuille de style:- Vérifier l'état du fichier html de l'exercice 1.
- Corriger -si besoin- la feuille de style pour retrouver le visuel... contestable.