bem naming css

¿Está bien o no usar camelCase en las identificaciones o clases de CSS?

Question

La pregunta está en el título. Estoy acostumbrado a usar Camelcase en el desarrollo y, dado que existen cruces con el diseño, me preguntaba si existen razones técnicas (independientemente de las opiniones) para no usarlo en HTML. Gracias de antemano por sus respuestas.

Answer 1

Buena pregunta. Personalmente uso camelCase en los nombres de clase / id. No hay ninguna razón técnica por la que no pueda hacerlo.

Sin embargo, después de leer rápidamente las opiniones, parece que muchos otros desarrolladores / diseñadores usan guiones sobre camelCase debido a una mejor legibilidad.

Vaya con lo que usted se siente cómodo al programar. Tengo un buen uso de camelCase, trabajo en un entorno de equipo y nunca tuve problemas con la legibilidad para otros desarrolladores.

Las opiniones sobre esto que he estado leyendo se pueden encontrar aquí: http://css-tricks.com/new-poll-hyphens-or-dashes/

Answer 2

Está bien, sí, pero tenga en cuenta que hay algunos problemas técnicos generales issues deben tener en cuenta. Desde una perspectiva técnica, si usted es consistente en su css y html debería estar bien.

Answer 3

Había estado usando camelCasing antes de hoy, permítame contarle la historia: creé un modo de arranque con el nombre de identificación escrito en camelCasing. No pude manipularlo usando la propia función JQuery de bootstrap. Después de buscar por días, finalmente mi compañero de trabajo descubrió que CamelCasing lo estaba causando. La sensibilidad de mayúsculas y minúsculas de JavaScript puede ser difícil e impredecible. Así que te sugiero que uses guiones.

Answer 4

Técnicamente, no, no hay problemas técnicos. Has lo que quieras.

Sin embargo, intenta seguir una buena guía de estilo, como esta .

Answer 5

Hay una limitación técnica si utiliza los identificadores de camelCase en su CSS: el especificador |= selector:

<form class="registration"></form>
<form class="search-movies"></form>
<form class="search-actress"></form>

Para hacer coincidir solo los formularios de búsqueda, puede escribir:

[class|="search"] { font-size: 150% }

No puedes hacer esto con los nombres de clase de camelCase.