Exercice CSS : les sélecteurs

by Arnaud

HTML

Séléctionnez l'élément h1 suivant avec un sélecteur CSS et colorez le en rouge avec la déclaration CSS "color:red;"  
<h1>
Ceci est un titre h1
</h1>
<hr />


Séléctionnez l'élément suivant avec un sélecteur CSS et mettez un fond gris avec la déclaration CSS "background:grey;"
<p> Ceci est un paragraphe. </p>
<hr />


Séléctionnez l'élément suivant avec un sélecteur CSS et mettez un fond gris avec la déclaration CSS "background:green;"
<p class="maClasse"> Ceci est un autre paragraphe. </p>
<hr />


Séléctionnez le troisième élément de la liste avec un sélecteur CSS et mettez-y une bordure rouge avec la déclaration CSS "border:1px solid red;"
<ul>
	<li>Element de liste 1</li>
	<li>Element de liste 2</li>
	<li id="elementListe">Element de liste 3</li>
</ul>
<hr />


Séléctionnez l'élément "span" contenu dans l'élément "p" et mettez-y une bordure noire avec la déclaration CSS "border:1px solid black;"
<div > <span>Ceci est un bout de texte dans une balise "span"</span>
	<p> Ceci est un paragraphe dans une boite, qui contient une balise <span>span</span>. </p>
</div>
<hr />

CSS

.exo{
  color:grey;
}