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.
Partager