Buenas prácticas para nombrar clases en CSS
| Criterio | Ejemplo |
|---|---|
| Evitar nombres de clases genéricos | Ejemplo: .title, .image |
| Estos nombres pueden entrar en conflicto entre diferentes componentes | |
| Usar nombres de clases específicos al componente | Ejemplo: .box-title, .navbar-title |
| Esto hace que los estilos sean específicos para cada elemento | |
| Utilizar la metodología BEM (Block, Element, Modifier) | Block: Nombre del componente (ej. .navbar) |
| Element: Elemento dentro del bloque (ej. .navbar-item)Modifier: Variación del elemento (ej. .navbar-item--active) | |
| Evitar el uso excesivo de especificidad | Evitar selectores muy específicos como .navbar .item |
| Esto puede llevar a problemas de mantenimiento y conflictos de estilos | |
| No abusar del uso de !important | !important debe ser usado con mucha precaución |
| Puede causar problemas de especificidad y dificultar la personalización |
