ID et CLASS n'appliquent pas le CSS

**N_BaH** · 13/01/2017, 19h37

Bonjour,

je ne comprend pas le comportement de ce code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<html>
 
<head> 
        <style type='text/css'>
#list1 .lvl1 { color: white; }
#list1 .lvl2 { color: blue; } 
 
#list2 .lvl1 { color: orange; }
#list2 .lvl2 { color: purple; }
 
.lvl1 { text-shadow: 1px 1px 5px black; }
.lvl2 { text-shadow: 1px 1px 5px red; }
        </style>
</head>
 
<body>
        <ul id=list1 class=lvl1>
                <li>azerty</li>
                <li>uiop</li>
                <ul class=lvl2>
                        <li>qsdfgh</lI>
                        <li> jklm</li>
                </ul>
        </ul>
        <ul id=list2 class=lvl1>
                <li>wxcv</li>
                <ul class=lvl2>
                        <li>bn,;:</li>
                </ul>
        </ul>
</body>
</html>

d'après moi, la couleur des éléments des listes de lvl1 devraient être blanche ou orange, mais, en fait, non :
Nom : testClassID.png
Affichages : 135
Taille : 9,2 Ko