¿Está bien mezclar guiones bajos y guiones (guiones) en las convenciones de nomenclatura de ID de CSS?

Le sugerí a mi equipo que usemos guiones para los nombres de nuestras clases, pero para las identificaciones, use un guión bajo para separar la etiqueta del elemento del resto del nombre de la identificación, y que el nombre de la identificación debe ser #element_class-name, asi que: <div id="div_generic-name" class="generic-name">Stuff</div> ¿Hay error en este método? ¿Qué cosas malas pueden pasar si mezclamos guiones bajos y guiones bajos?

preguntado el 24 de agosto de 12 a las 23:08

debe leer algunos estándares de codificación en css, como wordpress one, no es algo que deba seguir todo el tiempo, pero realmente encontré ese artículo útil cuando comencé con css make.wordpress.org/core/handbook/codificación-estándares/css -

2 Respuestas

Sí, eso no es problema. por el W3C, las dos reglas principales para nombrar clases CSS son:

  • Toda la sintaxis de CSS no distingue entre mayúsculas y minúsculas dentro del rango ASCII (es decir, [az] y [AZ] son ​​equivalentes), excepto las partes que no están bajo el control de CSS. Por ejemplo, la distinción entre mayúsculas y minúsculas de los valores de los atributos HTML "id" y "clase", de los nombres de las fuentes y de los URI está fuera del alcance de esta especificación. Tenga en cuenta en particular que los nombres de los elementos no distinguen entre mayúsculas y minúsculas en HTML, pero distinguen entre mayúsculas y minúsculas en XML.
  • En CSS, los identificadores (incluidos los nombres de elementos, las clases y los ID en los selectores) solo pueden contener los caracteres [a-zA-Z0-9] y los caracteres ISO 10646 U+00A0 y superiores, más el guión (-) y el guión bajo ( _); no pueden comenzar con un dígito, dos guiones o un guión seguido de un dígito. Los identificadores también pueden contener caracteres de escape y cualquier carácter ISO 10646 como un código numérico (consulte el siguiente elemento). Por ejemplo, el identificador "B&W?" puede escribirse como "B\&W\?" o "B\26 W\3F".

Respondido 25 ago 12, 04:08

No hay problemas con hacer lo que quieres hacer. El navegador no analiza nada entre las comillas y solo lo trata como una cadena de caracteres y no se interpretará.

Respondido 25 ago 12, 04:08

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.