Pourquoi sont des tirets préféré pour les sélecteurs CSS / attributs HTML?

De complétion de Code

Si le tableau de bord est interprété comme un signe de ponctuation ou un identifiant opaque dépend de l'éditeur de choix, je suppose. Cependant, comme une question de préférence personnelle, je préfère être en mesure de tabulation entre chaque mot dans un fichier CSS et qu'ils trouvent que c'est gênant si elles étaient séparées par un trait de soulignement et il n'y avait pas de cesse.

Également, à l'aide de traits d'union vous permet de profiter de la |= sélecteur d'attribut, qui permet de sélectionner n'importe quel élément contenant le texte, éventuellement suivie par un tiret:

span[class|="em"] { font-style: italic; }

Cela rendrait le code HTML suivant les éléments ont italique font-style:

<span class="em">I'm italic</span>
<span class="em-strong">I'm italic too</span>

Ambiguïté avec les opérateurs arithmétiques

Je dirais que l'accès à des éléments HTML via la notation de point en JavaScript est un bug plutôt que d'une fonction. C'est un terrible construire dès les premiers jours de la terrible implémentations de JavaScript et n'est pas vraiment une grande pratique. Pour la plupart des choses que vous faites avec JavaScript ces jours-ci, vous voulez les utiliser Les Sélecteurs CSS pour aller chercher des éléments du DOM toute façon, ce qui rend l'ensemble de la notation point plutôt inutile. Lequel préférez-vous?

var firstName = $('#first-name');
var firstName = document.querySelector('#first-name');
var firstName = document.forms[0].first_name;

Je trouve les deux premières options sont beaucoup plus préférable, surtout depuis '#first-name' peut être remplacé par une variable JavaScript et construit de manière dynamique. Je trouve aussi plus agréable pour les yeux.

Le fait que Sass permet de compter dans ses extensions CSS ne s'applique pas à la CSS de lui-même, mais je ne comprends (et étreinte) le fait que Sass suit le langage de style CSS (sauf pour le $ préfixe de variables, ce qui bien sûr doit avoir été @). Si Sass documents sont à regarder et se sentir comme les documents CSS, ils doivent suivre le même style que le CSS, qui utilise un tiret comme séparateur. En CSS3, l'arithmétique est limitée à la calc fonction, ce qui tend à montrer que dans le CSS lui-même, ce n'est pas un problème.

Incohérence avec l'appellation variable à travers les langues

Toutes les langues, en cours de balisage en langues, langages de programmation, le style de langues ou langages de script, ont leur propre style. Vous trouverez cela dans les sous-langues des groupes linguistiques comme XML, ou, par exemple, XSLT utilise des bas-de-casse avec trait d'union délimiteurs et Schéma XML utilise des chameaux boîtier.

En général, vous constaterez que d'adopter le style qui sent et ressemble le plus "natif" de la langue que vous écrivez est mieux que d'essayer de chausse-pied votre propre style dans chaque langue différente. Puisque vous ne pouvez pas éviter d'avoir à utiliser des bibliothèques natives et les constructions de langage, votre style va être "pollué" par le natif de style si vous l'aimez ou pas, donc il est assez vain d'essayer.

Mon conseil est de ne pas trouver un favori de style à travers les langues, mais au lieu de vous rendre à la maison à l'intérieur de chaque langue et d'apprendre à les aimer tous ses caprices. L'un des CSS quirks est que les mots clés et les identifiants sont écrits en minuscules et séparés par des traits d'union. Personnellement, je trouve cela très agréable visuellement et pense qu'il s'inscrit dans les minuscules (bien que sans trait d'union) HTML.

Je ne pense pas que n'importe qui peut répondre à cette façon définitive, mais voici mes hypothèses:

1. Souligne besoin de frapper la touche Maj enfoncée, et sont donc plus difficiles à saisir.

2. Sélecteurs CSS qui sont officiellement partie des spécifications CSS utiliser des tirets (tels que les pseudo-classes comme :d'abord l'enfant et les pseudo-éléments :first-line), pas de traits de soulignement. Même chose pour les propriétés, par exemple text-decoration, couleur de fond, etc. Les programmeurs sont des créatures d'habitude. Il est logique qu'ils suivent les normes du style si il n'y a aucune bonne raison de ne pas.

3. Ce que l'on est plus loin sur la corniche, mais... Si c'est un mythe ou une réalité, il est de longue date l'idée que Google traite les mots séparés par des traits de soulignement comme un seul mot, et les mots séparés par des tirets comme des mots séparés. (Matt Cutts sur Souligne vs Tirets.) Pour cette raison, je sais que ma préférence, maintenant, pour la création d'une page Url est l'utilisation de mots-avec-des tirets, et pour moi au moins, cela a saigné dans mon conventions de nommage pour les autres choses, comme les sélecteurs CSS.

Il y a de nombreuses raisons, mais l'une de la chose la plus importante est de maintenir cohérence.

Je pense que cette article explique de façon globale.

CSS est un trait d'union délimité par la syntaxe. Par cela, je veux dire nous écrire des choses comme font-size, line-height, border-bottom etc.

Donc:

Vous juste de ne pas mélanger des syntaxes: c'est incompatible.