25 Feb Escribe los selectores css adecuados en cada caso
La herramienta que lo hace posible son los selectores CSS.
Este ejercicio es una práctica de nivel básico para empezar a practicarlos.
Te sugiero leer esta entrada dónde se explica la teoría y encontrarás ejemplos de los selectores más comunes.
Para resolver el ejercicio también te ayudará esta entrada sobre especificidad y prioridad de selectores.
Entremos en materia.
Enunciado
La imagen adjunta representa un documento html.
Escribe los selectores adecuados que nos permiten identificar las etiquetas html subrayadas en naranja.
Solución del ejercicio
Para cada etiqueta es posible escribir muchos selectores con más o menos especificidad (prioridad).
Saber que escribir es una duda frecuente cuando se está aprendiendo.
No es conveniente ser demasiado genéricos ni demasiado específicos.
Lo mejor es dejarse llevar por el sentido común y no tener miedo a equivocarse. ¡Hay que practicar!
Mi propuesta es por tanto una de las muchas soluciones posibles.
La encontréis manuscrita en la imagen a continuación.
¡Hola!
Querido lector,
Habrás notado que me encanta escribir en la pizarra.
Espero que este ejercicio te haya sido de ayuda para practicar con los selectores CSS.
¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!
Entradas relacionadas:
¿Imaginas tener que especificar una por una los estilos a cada una de las etiquetas? El concepto de CSS nos ayuda a optimizar código. Entender sus pro...
En internet se encuentra mucho material de gran calidad para aprender lenguajes como html, css, y javascript. ¿Pero todos los pdf sirven?
El uso de tablas html no está muy bien visto si no es estrictamente para tabular contenidos. Pero también lo podemos hacer mediante display:table de c...
Creación de una landing page de página en mantenimiento con html y css. Incluye solución.
Ejercicio css dónde se muestra el código necesario para centrar verticalmente iconos flotantes en el lateral de una página web. Incluye solución.
Ejemplo explicado sobre como centrar verticalmente y horizontalmente una caja dentro de otra mediante position relative y absolute.
No hay comentarios