50
Y at-il un problème avec une classe CSS et un ID du même nom? Comme .footer pour le pied d'article/post et #footer pour le pied de page.Classe CSS et ID portant le même nom
A
Répondre
68
Non, parfaitement acceptable.
Une classe est définie à l'aide d'un . et un ID est défini à l'aide d'un #. Donc, en ce qui concerne le navigateur, ils sont deux éléments totalement distincts. La seule chose dont il faut se méfier est de générer de la confusion pour soi-même. Il est probablement préférable de garder les noms différents uniquement pour la lisibilité du code, mais il n'y a pas de mal à ce qu'ils soient identiques.
11
Non, il n'y a rien de mal, mais il pourrait être préférable d'utiliser des noms différents pour ne pas perturber les autres développeurs. C'est une erreur plus (humaine) d'utiliser des noms différents.
0
Oui, vous pouvez utiliser le même nom pour les deux id et classe parce que les deux paramètres ont leur propre signification. Remerciements
Questions connexes
- 1. Héritage de plusieurs interfaces portant le même nom de méthode
- 2. Css Classe et ID Style
- 3. Slug ID avec le même nom?
- 4. Contrôle Web ASP.NET avec le même ID
- 5. Le raccourci WiX écrase le raccourci existant portant le même nom
- 6. asp.net webforms - comment gérer plusieurs pages portant le même nom dans un projet Web?
- 7. Comment accéder à deux colonnes portant le même nom dans une requête MySQL LEFT JOIN?
- 8. classe css différente sur le même écho?
- 9. Impossible de supprimer l'un des deux COM portant le même nom.
- 10. Comment transformer un élément enfant en majuscule si un élément enfant portant le même nom existe?
- 11. option de lecture de trois balises de sélection portant le même nom
- 12. Rails HABTM fields_for - vérifier si l'enregistrement portant le même nom existe déjà
- 13. Problème avec deux tables portant le même nom dans différents modèles MVC?
- 14. Affectation d'un élément de tableau à une variable portant le même nom?
- 15. L'importation du module portant le même nom qu'un module intégré provoque une erreur d'importation
- 16. Mise à jour des valeurs de table d'une autre table portant le même nom d'utilisateur
- 17. Ajout de plusieurs ressources portant le même nom à Xcode pour iPhone
- 18. Classe vs ID dans css (confusion)
- 19. jquery ID généré avec la même classe
- 20. Id vs ClassNameId pour le nom d'un identifiant de classe
- 21. Appel de différentes fonctions JQuery avec le même nom de classe CSS
- 22. Classes de hiérarchie CSS et ID
- 23. SSH/Shell - Supprimer tous les dossiers portant le nom "____" dans le dossier ET les sous-dossiers
- 24. ajouter et supprimer la même classe css instantanément
- 25. Deux fichiers CSS définissant même classe
- 26. Comment identifier les champs de différentes tables portant le même nom dans un résultat de requête JOIN?
- 27. IE6 - DIV avec classe et ID
- 28. CSS - Syntaxe pour sélectionner une classe dans un ID
- 29. Macro et fonction avec le même nom
- 30. Classe avec le même nom dans deux assemblages (intentionnellement)
Idem. Et avec HTML5 certains éléments auront le même nom comme pied de page. 'footer.footer # footer' peut être déroutant :) – FelipeAls
@Felipe - ça va vite devenir confus! – whostolemyhat
De l'exemple d'OP avec pied de page et de votre explication concise, ma première pensée a été pour ces nouveaux éléments mais en fait, ce devrait être le contraire: plus div.footer et div # footer! Ils seront remplacés par 'footer' (ciblé par, par exemple,' body> footer' et 'section footer') et plus besoin de classe et d'id dans de nombreux cas. Ma faute. – FelipeAls