Quiz sobre Selectores CSS

¿Qué selector CSS se utiliza para aplicar estilos a TODOS los elementos div en una página?

• .div

• #div

• div

• *

Si tienes un elemento

, ¿cuál es el selector correcto para estilizarlo por su clase?

• p.introduccion

• #introduccion

• .introduccion

• introduccion

¿Cuál de los siguientes selectores se utiliza para apuntar a un elemento HTML con el atributo id="miElemento"?

• .miElemento

• miElemento

• [id="miElemento"]

• #miElemento

Para seleccionar todos los enlaces () que tienen un atributo target (sin importar su valor), ¿cuál selector usarías?

• a:target

• a.target

• a[target]

• a[target="*"]

¿Qué selector elegiría todos los elementos cuyo atributo src termine con ".gif"?

• img[src*=".gif"]

• img[src^=".gif"]

• img[src$=".gif"]

• img[src~=".gif"]

Si un elemento tiene data-categoria="deportes futbol", ¿qué selector lo seleccionaría si queremos apuntar a la palabra "futbol" específicamente dentro del valor?

• [data-categoria="futbol"]

• [data-categoria^="futbol"]

• [data-categoria*="futbol"]

• [data-categoria~="futbol"]

¿Qué combinador selecciona un elemento que es un hijo directo de otro?

• (espacio)

• +

• >

• ~

En la regla CSS div p { color: blue; }, ¿qué elementos p se verán afectados?

• Solo los párrafos que son hijos directos de un div.

• Todos los párrafos que son hermanos de un div.

• Todos los párrafos que son descendientes (hijos, nietos, etc.) de un div.

• Solo el primer párrafo en la página.

¿Cuál es el efecto del combinador + en h2 + p?

• Selecciona todos los párrafos dentro de un h2.

• Selecciona el primer párrafo que es hermano adyacente (inmediatamente después) de un h2.

• Selecciona todos los párrafos que son hermanos de un h2.

• Selecciona un h2 que está inmediatamente después de un p.

Si tienes un div y varios elementos p después de él en el mismo nivel, ¿qué combinador seleccionaría todos esos párrafos p que le siguen?

• div + p

• div > p

• div p

• div ~ p