Escribe los selectores css adecuados en cada caso

Escribe los selectores css adecuados en cada caso

Print Friendly, PDF & Email
Escribe los selectores css adecuados en cada caso
Valora esta entrada

Uno de los pilares fundamentales del CSS es ser capaz de seleccionar cualquier etiqueta del documento web para poder describirla y aplicar instrucciones CSS.

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.

pizarra de vileda con enunciado ejercicio css
Enunciado dibujado en pizarra en el curso web

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.

Solución ejercicio selectores CSS
Solución ejercicio selectores CSS

¡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:

Resumen de propiedades css para hacer tablas con display:table
- 27
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 css.
Creación de una página web en mantenimiento con html y css
- 38
Creación de una landing page de página en mantenimiento con html y css. Incluye solución.
Maquetar una página de prestashop 1.6 con bootstrap
- 567
Maquetar páginas en Prestashop 1.6 con tablas es un deporte de riesgo para implementadores anclados en el pasado. En esta entrada te muestro un ejemplo sencillo y sin demasiadas complicaciones para qu...
Cuidado con los tutoriales pdf obsoletos sobre html, css y javascript
- 120
En internet se encuentra mucho material de gran calidad para aprender lenguajes como html, css, y javascript. ¿Pero todos los pdf sirven?
Ejercicio css sobre la propiedad box-shadow (css3)
- 36
Ejercicio para practicar con la propiedad box-shadow de css. Incluye solución.
Dimensiones reales de una caja en CSS
- 247
Las dimensiones reales de una caja, por defecto, no son las que indica el width. Veamos como se calculan y en que nos puede ayudar aprenderlo.
Como mezclar CSS y HTML. Acoplamiento CSS
- 371
Existen 3 mecanismos para mezclar html y css. Veamos como se hace.
LibrosWeb ahora es UniWebSidad
- 307
LibrosWeb, una de las mejores referencias en Internet para aprender web, se ha reciclado tras 12 años de existencia. ¡Mi enhorabuena!
Ejercicio sobre selectores css (III)
- 67
Ejercicio css en que dadas varias propuestas de selectores se pide escribir para que html serviría. Incluye solución.
Concepto de cascada en CSS
- 294
En CSS existen una serie de normas que dan prioridad a las instrucciones que afectan a cada etiqueta html en función de su importancia, grado de especificidad y orden de aparición. Veámoslo.
Francesc Ricart
hola@francescricart.com

Soy un ingeniero industrial a quién le apasiona aprender y enseñar. En el mundo del marketing online he encontrado una de mis pasiones. Ejerzo como docente ocupacional y privado para empresas. Y también hago consultoría web para PIMES, autónomos y otros emprendedores como yo. Ayudo a las empresas en cualquier temática relacionada con su presencia digital y herramientas web. Aunque mi especialidad es el posicionamiento en buscadores (SEO). A nivel de formación lo que más feliz me hace es que un alumno haga de mi pasión una forma de vida y le ayude a encontrar trabajo. A nivel de negocios ayudo a empresarios a desenvolverse con soltura en el mundo digital y les animo a hacer cada vez más cosas que nunca hubieran imaginado que ellos también podían hacer. En este camino les ayudo haciendo todo aquello dónde ellos no llegan y crecemos juntos. Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.