0

Tengo las siguientes líneas de código que hacen algo similar:

label[for=nombre]{
    font-weight: bold;
}

label[for=capacidad]{
    font-weight: bold;
}

label[for=descripcion]{
    font-weight: bold;
}

¿Se pueden agrupar los nombres de los "ids" en este caso del label for, todos en uno mismo desde CSS? ¿Separado por comas?

1 respuesta 1

3

Claro que es posible, ¿lo has intentado?. Toma atención respecto al valor que asignas al selector de atributos, no refiere al identificador del elemento (ID), refiere al valor del atributo for que por coincidencia podría ser el mismo.

label[for=nombre],
label[for=capacidad],
label[for=descripcion]{
    font-weight: bold
}
<label for="nombre" id="lbl1">Nombre</label>
<label for="capacidad" id="lbl2">Capacidad</label>
<label for="descripcion" id="lbl3">Descripción</label>

Si buscas referirte al identificador del elemento (ID) podrías especificar el selector de etiqueta seguido del identificador, por ejemplo:

label#lbl1,
label#lbl2 {
    font-weight: bold
}
<label for="nombre" id="lbl1">Nombre</label>
<label for="capacidad" id="lbl2">Capacidad</label>
<label for="descripcion" id="lbl3">Descripción</label>

Sin embargo, considera que no es la mejor manera de definir las reglas de estilos, sugiero crear una clase que defina el estilo de la fuente que usará las etiquetas que tu requieras, la idea es indicar al elemento la clase a usar en lugar de indicar al estilo los elementos a afectar, por ejemplo:

.label-style {
    font-weight: bold
}
<label for="nombre" class="label-style">Nombre</label>
<label for="capacidad">Capacidad</label>
<label for="descripcion" class="label-style">Descripción</label>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.