css - bem it

¿Puedo usar camel-case en nombres de clase CSS?

Question

Quiero nombrar una clase CSS y llamarlo imgSuper. ¿Puedo usar camel-casing en clases de CSS?

Answer 1

Por supuesto. Aquí están las reglas oficiales; Básicamente, no debes comenzar el nombre con un número, y puedes usar letras, números, guiones, guiones bajos y caracteres de escape o codificados.

Sin embargo, como cuestión de convención, los guiones se utilizan generalmente en lugar de la caja del camello.

Answer 2

Sí tu puedes. Solo asegúrese de que si llama a una clase "fooBar" en su archivo css, use mayúsculas consistentes al asignar class = "fooBar" en su marca.

Answer 3

Sí, los nombres de las clases distinguen entre mayúsculas y minúsculas, por lo que funciona bien.

Sin embargo, debe tener en cuenta que algunos navegadores se equivocan, y no trate los nombres de clase como mayúsculas y minúsculas. Por lo tanto, debe evitar utilizar las variaciones en mayúsculas y minúsculas del mismo nombre. Las clases imgSuper y imgsuper pueden tratarse como las mismas en algunos navegadores.

Answer 4

Técnicamente, sí, pero es arriesgado porque si bien la sintaxis de CSS no distingue entre mayúsculas y minúsculas, en algunos navegadores bajo ciertas condiciones, los nombres de clase se tratan como sensibles a mayúsculas y minúsculas, ya que la especificación no especifica cómo los manejadores deben manejar el caso cuando coinciden las reglas CSS con la clase HTML nombres

De la especificación , sección 4.1.3 :

Toda la sintaxis CSS distingue entre mayúsculas y minúsculas dentro del rango ASCII ...

En CSS, los identificadores (incluidos los nombres de elementos, las clases y las ID en los selectores) pueden contener solo los caracteres [a-zA-Z0-9] y los caracteres ISO 10646 U + 00A1 y superior, más el guión (-) y el guión bajo ( _); no pueden comenzar con un dígito o un guión seguido de un dígito. Los identificadores también pueden contener caracteres escapados y cualquier carácter ISO 10646 como un código numérico (ver el siguiente elemento). Por ejemplo, el identificador "B&W?" puede ser escrito como "B / & W /?" o "B / 26 W / 3F".

... la distinción entre mayúsculas y minúsculas de los valores de los atributos HTML "id" y "class", de los nombres de las fuentes y de los URI está fuera del alcance de esta especificación.

En lugar de conocer los navegadores y las condiciones en que el caso es sensible, es mejor que se dé cuenta de que el mejor enfoque es el más compatible: use el mismo caso en todo el código para una clase de CSS determinada y no cree dos o más clases de CSS Nombres que difieren solo en el caso.