Bonjour la Communauté,

Quelqu'un(e) pourrait-il m'expliquez simplement avec mes exemples ci-dessous la synthaxe et l'ordre ou pas des codes css ;
J'ai créer il y a maintenant pas de mal de temps quelques sites sans vraiment y prêter attention.

Code css : 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
33
34
35
36
37
38
39
40
41
42
 
#menu-demo2, #menu-demo2 ul{
padding:0;
margin:0;
list-style:none;
text-align:center;
}
 
#menu-demo2 li{
display:inline-block;
position:relative;
border-radius:8px 8px 0 0;
}
 
#menu-demo2 ul li{
display:inherit;
border-radius:0;
}
 
#menu-demo2 ul li:hover{
border-radius:0;
}
 
#menu-demo2 ul li:last-child{
border-radius:0 0 8px 8px;
}
 
#menu-demo2 ul{
position:absolute;
z-index: 1000;
max-height:0;
left: 0;
right: 0;
overflow:hidden;
-moz-transition: .8s all .3s;
-webkit-transition: .8s all .3s;
transition: .8s all .3s;
}
 
#menu-demo2 li:hover ul{
max-height:15em;
}


J'ai pris l'exemple d'une tuto pour faire des "transitions dans mes menus" mais je vous avoue que je suis assez perdu.

1- Pourquoi répéter la class #menu-demo2 2 fois dans la 1ere ligne de code css?

2 - Pourquoi mettre la class #menu-demo2 li et après #menu-demo2 ul li?

L'ordre a-t-il de l'importance?

Où puis-je trouver un tuto m'expliquant tout cela?

Je vous remercie.