Test : Base de CSS

Si vous voyez des erreurs vous pouvez nous les indiquer avec le système de discussion en bas de page.


Question 1

Pour sélectionner des balises avec une classe dans un fichier CSS, il faut préfixer le nom de la classe par


Question 2

Pour sélectionner une balise avec un id particulier dans un fichier CSS, il faut préfixer l’id par


Question 3

De quelles couleurs vont s’afficher les deux paragraphes avec les règles suivantes:

<style>
p
{ 
   color : blue;
}
#test1 p
{	
   color: red;
}	
</style>

Extrait de la page HTML

<div id="test1">
	<p>Premier paragraphe</p>
	<p>Deuxième paragraphe</p>
</div>


Question 4

De quelles couleurs vont s’afficher les deux paragraphes avec les règles suivantes ?

<style>
p
{ 
    color : blue;
}
.test1 > p
{	
    color: red;
}
</style>

La page html (extrait)

<div class="test1">
	<p>Premier paragraphe</p>
	<p>Deuxième paragraphe</p>
</div>


Question 5

De quelles couleurs vont s’afficher les deux paragraphes avec les règles suivantes ?

<style>
p
{ 
   color : blue;
}
.test1 + p
{	
  color: red;
} 
</style>

La page html (extrait)

<div class="test1">
	<p>Premier paragraphe</p>
	<p>Deuxième paragraphe</p>
</div>


Question 6

De quelles couleurs vont s’afficher les deux paragraphes avec les règles suivantes ?

<style>
p
{ 
   color : blue;
}
.test1
{	
   color: red;
} 
.test1 p
{	
  color: yellow;
}
</style>

La page html (extrait)

<div class="test1">
	<p>Premier paragraphe</p>
	<p>Deuxième paragraphe</p>
</div>


Question 7

De quelle couleur va s’afficher le paragraphe avec la règle suivante ?

<style>
#paragraphe
{
   color:blue;
}
</style>

La page html (extrait)

<div>
	<p id="paragraphe" style="color:red" >Premier paragraphe</p>
</div>


Question 8

De quelle couleur va s’afficher Bonjour ?

CSS lié à la page HTML

p, div
{
	color: green;
}

div p 
{
	color: blue;
}

La page html (extrait)

<div><p>Bonjour</p></div>