Pseudo Mot de passe
fleche Inscription
fleche Mot de passe oublié ?
Informations Générales
Chargement en cours...
Nombre de Visites fleche [ 139925 ]
Votre IP fleche [ 38.103.63.16 ]
Vous êtes ici : Home Page Cours CSS Selecteur contextuel
Imprimer Imprimer le document

Informations Membres

[195] Posts sur le forum
[177] Membres inscrits
Il y a en ligne :
  arrow 0 Membre
  arrow 2 Invités

fled Membre en ligne:
Aucun

Partenariat

Partenariat Vous pouvez aider ce site à évoluer, en contribuant à son développement. Proposez vos idées de cours et/ou dossiers. Rendez-vous dans « Partenariat » pour en savoir plus.


Nom de domaine

www.

Partenaires

Les sélecteurs contextuels

Il est possible de définir un style pour une balise dans un contexte spécifique.

C'est-à-dire, qu'un style pourra être appliqué à une commande HTML que dans un cas précis de descendance directe ou indirecte.

Balise_contenant Balise_cible {Propriété1: Valeur1; ...} 

Ainsi, le style ne pourra pas agir sur des balises identiques se localisant dans un paragraphe, dans un tableau ou ailleurs dans le corps du document.

Evidemment, les propriétés énoncées pour une balise n'agiront que sur la cible, la balise contenant n'étant en aucun cas affectée par la définition de style.
Dans ce cas, la syntaxe utilisée consiste à séparer la (ou les) balise contenant de la cible par un espace blanc.

Exemple

Par exemple, lorsque la balise cible se trouve dans une liste, elle devra être la cible d'un style.

<html>
 <head>
  <style type="text/css">
  <!--
  li i {text-decoration: underline}
  -->
  </style>
 </head>

 <body>
 <ul>
  <li> ... <b> ... <i> ... </i> ... </b> ... <i> ... </i> ... </li>
  ...
 </ul>
 </body>
</html>
Haut de page