Ejercicio sobre selectores css (III)

Ejercicio sobre selectores css (III)

Este ejercicio es el tercero dentro de la serie de ejercicios sobre selectores CSS.

Es interesante que les des un vistazo.

Ten en cuenta que no están ordenados por dificultad creciente. El orden en que los hagas es indistinto.

Vayamos al ejercicio.

Enunciado

Escribe el html que corresponda con los selectores css indicados en el enunciado.

.primero{}


p.primero{}

	
section.primero{}


#paco{ }

 
 p#moco{}


.primero span{ }


.primero > span{ }


span .primero{}


.primero.parding{ }

Solución del ejercicio

Ninguna solución es única.

Para cada selectores existen multitud de soluciones posibles.

En la solución encontrarás varias posibles respuestas con el objetivo de hacerte reflexionar.

¡Si tienes dudas consulta en los comentarios!

Como debería ser el html para que estos selectores llamasen las etiquetas.

.primero{}
	<p class="primero">hola</p>
	<section class="primero">adiós</section>

p.primero{}
	<p class="primero">hola</p>
	
section.primero{}
	<section class="primero">adiós</section>

#paco{ }
	<p id="paco">hola</p>
	<section id="paco">adiós</section>	
 
 p#moco{}
 	<p id="moco">un texto</p>

.primero span{ }
	<p class="primero"><em><span>genial</span></em></p>	

.primero > span{ }
	<p class="primero"><span><em>me gusta</em></span></p>	

span .primero{}
	span > .primero{}
	<span><p class="primero">fantástico</p></span>

.primero.parding{ }
	<p class="primero parding">motivante</p>
	<p class="parding primero">el orden no importa</p>

¡Hola!

Querido lector,

Es un ejercicio atípico pero práctico.

Espero que te haya ayudado a entender mejor los selectores.

¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!

Francesc Ricart
hola@francescricart.com

Aprender y enseñar. Enseñar y aprender. En el ámbito docente soy docente ocupacional. En el ámbito profesional consultor web. Ofrezco servicios de mejora continua y mantenimiento web. ¿Qué quieres aprender hoy? 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.