Sommaire

L’ Application des stylesapplication des Style:applicationstyles

1. La notion d’ Application des styles:héritageh Héritageéritage

Dans l’application des styles CSS, la notion d’héritage est importante. Elle intervient lorsque vous avez des éléments imbriqués les uns dans les autres. La règle de l’héritage indique que les éléments enfants héritent des propriétés CSS de leur parent.

Voici cet exemple très simple :

<!doctype html> 
<html lang="fr"> 
<head> 
   <meta charset="UTF-8"> 
   <title>Titre de la page</title> 
   <style> 
       .special { 
           color: darkblue ; 
       } 
   </style> 
</head> 
<body> 
   <div class="special"> 
       <p>Donec id elit non mi porta gravida at eget metus. 
<strong>Duis mollis</strong>, est non commodo luctus, nisi erat 
porttitor ligula</p> 
   </div> 
   <p>Eget lacinia odio sem nec elit. <strong>Etiam porta</strong> 
sem malesuada magna mollis euismod.</p> 
</body> 
</html>

Nous avons un élément <div class="special"> qui contient un élément <p>, contenant ...