Sélection sur la base de la relation entre éléments
Bonjour! J'aimerais créer un code CSS selon le fichier xml suivant :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| <a>
<b>Rouge</b>
<c><a>Olive</a>
<b>Bleu</b>
<a><a>Noir</a>
Olive
<b>Bleu</b>
<a>Rouge</a>
<a>Noir</a>
</a></c>
<b><a>Rouge</a>
<b>Noir</b></b>
<d>majuscule</d>
</a> |
Les couleurs et leurs noms doivent correspondent et majuscule doit être affiché en majuscule.
Le fichier XML ne doit pas être optimisé ( C'est un exercice dans mon cahier ).
J'ai essayé plusieurs trucs mais je n'y arrive pas :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| a > b, a{
color: red;
}
a c a{
color: olive;
}
a > a, b{
color: black;
}
b c a, b{
color: blue;
}
d > a{
text-transform: capitalize
} |
Pouvez-vous m'aider?
Merci :)
