Varios selectores consecutivos en CSS
Para seleccionar un elemento que cumpla simultáneamente varios selectores, es necesario escribir estos selectores de forma consecutiva, sin espacios.
Por ejemplo, el siguiente selector elegirá el elemento
que tenga simultáneamente la clase bbb y la clase
zzz:
.bbb.zzz {
}
Y el siguiente selector elegirá el encabezado h2,
que tenga simultáneamente la clase bbb y la clase
zzz:
h2.bbb.zzz {
}
De esta manera se pueden construir combinaciones arbitrarias de selectores. El orden de los selectores utilizados no importa, excepto por la regla de que los selectores de etiquetas deben colocarse al principio.
Es decir, por ejemplo, los selectores .bbb.zzz
y .zzz.bbb son completamente equivalentes.
Además, se pueden formar selectores que
utilicen id, por ejemplo:
#elem.eee, o h2#elem.eee,
o h2.eee#elem, y así sucesivamente.
Explica qué selecciona el selector en el código proporcionado a continuación. Luego escribe el código HTML que se ajuste a este selector. Aquí está el código con el selector:
.bbb.zzz {
color: red;
}
Explica qué selecciona el selector en el código proporcionado a continuación. Luego escribe el código HTML que se ajuste a este selector. Aquí está el código con el selector:
h2.bbb.zzz {
color: red;
}
Explica qué selecciona el selector en el código proporcionado a continuación. Luego escribe el código HTML que se ajuste a este selector. Aquí está el código con el selector:
#elem.bbb {
color: red;
}
Explica qué selecciona el selector en el código proporcionado a continuación. Luego escribe el código HTML que se ajuste a este selector. Aquí está el código con el selector:
#elem.bbb.zzz {
color: red;
}
Explica qué selecciona el selector en el código proporcionado a continuación. Luego escribe el código HTML que se ajuste a este selector. Aquí está el código con el selector:
h2#elem.bbb {
color: red;
}
