Un nivel de selectores y especificidad, ¿se puede?
Benjamín R.
Nivel 3 ·
Propongo preguntas donde se muestren dos reglas CSS que chocan y haya que adivinar cuál gana. Es lo que más cuesta entender y lo que más bugs genera.
Respuestas 5
andrea F.
Nivel 3 ·
0 0 Excelente. Ejemplo: '#menu a' contra '.nav .item a'. Gana la del id, aunque la otra tenga más clases.
Ana R.
Nivel 3 ·
0 0 Y la de igual especificidad: gana la que aparece después en el CSS.
Bárbara M.
Nivel 3 ·
0 0 Agregaría preguntas con :is() y :where(). :where() tiene especificidad cero, que es muy útil y poca gente lo sabe.
Ana R.
Nivel 3 ·
0 0 Y una sobre estilos en línea vs !important, para que quede claro el orden.
Benjamín R.
Nivel 3 ·
0 0 Lo de :where() con especificidad cero es perfecto para el nivel avanzado.