Menu d'écriture CSS : version annotée concise_Échange d'expérience

Voici une version concise, qui supprime principalement l'effet [Afficher/Masquer] pour que tout le monde puisse l'étudier.
Utilise principalement le statut de a:hover[ie] et li:hover[non-ie] pour afficher/masquer le menu.
Points clés :
Code du programme
<!--[if IE 7]><!--></a><!--<![endif] - ->
Ce commentaire signifie : Seuls les navigateurs non IE et IE7 peuvent lire </a>
Le code HTML lu dans les navigateurs non IE et les versions IE7 du navigateur est ：
Code du programme
<li><a href="#">Navigation</a>
 <ul><li>Navigation secondaire</li><
Code du programme
<!--[if lte IE 6]></a><![endif]-->
Ce commentaire signifie : Seuls IE6 et les navigateurs inférieurs à IE6 peuvent read </a>
. Le code HTML lu dans IE6 et les navigateurs inférieurs à IE6 est :
Code du programme
<li><a href="#">Navigation
<ul&gt. ;<li>Navigation secondaire</li></ul>
</a>
</li>
Certains amis peuvent demander : Pourquoi est-ce si compliqué au lieu d'utiliser des liens vers inclure des listes secondaires ? Dans ce cas, il vous suffit d'écrire un:hover, et le code est beaucoup plus simple.
Je pense personnellement :
Pour jouer avec les standards, il faut suivre au maximum la sémantique.
Dans IE6 et versions antérieures, étant donné que les pseudo-classes de survol marquées autres que a ne sont pas prises en charge, c'est actuellement le seul moyen d'atteindre un objectif similaire. Pour IE6... Je dois abandonner la sémantique.
Mais nous ne voulons pas gâcher toute la soupe juste pour un seul IE6, donc même si certaines choses sont un peu gênantes, nous devons quand même le faire~