Comment puis-je masquer de manière fiable les `` éléments dans les `` menus à l'aide de CSS ?

Masquer Les éléments dans Menus avec CSS Question :

Comment masquer éléments dans un menu à l'aide de CSS, de sorte qu'ils restent masqués lorsque l'on clique sur le menu, bien qu'ils apparaissent initialement comme « display : none » dans les outils Web de Chrome ?

Réponse :

Pour Dans les navigateurs HTML5, l'attribut masqué constitue une solution efficace pour masquer éléments. Contrairement à la propriété display: none, l'attribut masqué empêche l'affichage de l'élément lorsque l'option Le menu est ouvert.

Exemple :

Option1 Option2 Hidden Option Autres options :

Alternativement, pour masquer partiellement un élément, un une combinaison de l'attribut caché et de l'attribut désactivé peut suffire. Cependant, cette approche est moins sémantiquement correcte que l'attribut caché seul.

Informations supplémentaires :

Les navigateurs IE inférieurs à la version 11 ne prennent pas en charge l'attribut caché. Assurez-vous que l'attribut est spécifié dans le code HTML lui-même, car JavaScript ne peut pas modifier directement le contenu masqué. propriété.