2
respuestas

[Duda] Clases

Buen Dia, tengo la siguiente duda, por que existe este tipo de clase "navmap-list-title navmap-list-title-backend" y cuenta con espacio entre title navamp, no tiene un guion entre palabras y no encuentro la funcion que realiza, si son dos clases en una sola? o como se aplica, gracias

Saludos

2 respuestas

¡Hola Ulises!

Entiendo tu duda sobre las clases "navmap-list-title navmap-list-title-backend" y por qué tienen un espacio entre "title" y "navmap" en lugar de un guion. En CSS, cuando hay un espacio entre dos nombres de clase, significa que se están aplicando ambas clases a un mismo elemento.

En este caso, "navmap-list-title" y "navmap-list-title-backend" son dos clases diferentes que se aplican al mismo elemento. Esto puede ser útil cuando quieres aplicar estilos de dos clases diferentes a un mismo elemento sin tener que crear una nueva clase.

Por ejemplo, supongamos que tienes el siguiente HTML:

<div class="navmap-list-title navmap-list-title-backend">Contenido</div>

En tu archivo CSS, podrías tener estilos para ambas clases de la siguiente manera:

.navmap-list-title {
  /* Estilos para la clase navmap-list-title */
  color: blue;
}

.navmap-list-title-backend {
  /* Estilos para la clase navmap-list-title-backend */
  background-color: yellow;
}

En este caso, el elemento con la clase "navmap-list-title navmap-list-title-backend" tendría tanto el color de texto azul como el fondo amarillo.

Espero que esta explicación te haya ayudado a entender cómo funcionan las clases con espacios en CSS. Si tienes alguna otra pregunta, no dudes en hacerla.

¡Espero haber ayudado y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios! :)

Gracias por responder y aclarar mi duda, solo una mas, en teoria se puede agregar N cantidad de clases a los elementos?

Saludos