L'utilisation de camelCase dans les identifiants CSS ou les classes est-elle correcte ou non?
La question est dans le titre. J'ai l'habitude d'utiliser camelcase dans le développement et, comme il y a des croisements avec le design, je me demandais s'il y avait des raisons techniques (indépendamment des opinions) de ne pas l'utiliser en HTML. Merci d'avance pour vos réponses.
Techniquement, non, il n'y a pas de problèmes techniques. Fais ce qui te plaît.
Essayez de suivre un bon guide de style, comme celui-ci .
Il y a une limitation technique si vous utilisez des identifiants camelCase dans votre CSS - le |= spécificateur de sélecteur:
<form class="registration"></form>
<form class="search-movies"></form>
<form class="search-actress"></form>
Pour faire correspondre uniquement les formulaires de recherche, vous pouvez écrire:
[class|="search"] { font-size: 150% }
Vous ne pouvez pas faire cela avec les noms de classe camelCase.
J'avais utilisé camelCasing avant aujourd'hui, permettez-moi de raconter l'histoire: j'ai créé un modal bootstrap par le nom de l'id écrit dans camelCasing. Je ne pouvais pas le manipuler à l'aide de la fonction JQuery de bootstrap. Après En cherchant pendant des jours, mon collègue a finalement découvert que camelCasing était à l'origine de cela. La sensibilité à la casse JavaScript peut être délicate et imprévisible. Je vous suggère donc d'utiliser des tirets.
Bonne question. J'utilise personnellement camelCase dans les noms de classe/id. Il n'y a aucune raison technique pour laquelle vous ne pouvez pas.
Cependant, après avoir fait une lecture rapide des opinions, il semble que beaucoup d'autres développeurs/concepteurs utilisent des tirets sur camelCase en raison d'une meilleure lisibilité.
Allez avec ce que vous êtes à l'aise de coder. J'ai bien utilisé camelCase, je travaille dans un environnement d'équipe et je n'ai jamais eu de problème de lisibilité pour les autres développeurs.
Les opinions à ce sujet que j'ai lues peuvent être trouvées ici: http://css-tricks.com/new-poll-hyphens -ou-tirets /
C'est ok oui, mais sachez qu'il y a quelques cas techniques généraux sensibles à la casse problèmes à connaître. D'un point de vue technique, si vous êtes cohérent dans vos css et html, ça devrait aller.
Twitter utilise même Pascal Case.
