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

Informations Membres

[195] Posts sur le forum
[177] Membres inscrits
Il y a en ligne :
  arrow 0 Membre
  arrow 4 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 adjacents

Ce type de sélecteur est utilisé lorsque l'on veut atteindre une balise qui est immédiatement en aval d'une autre par rapport à l'arbre du document.

Dans ce cas, le signe "plus" ("+") sépare les deux instructions dont la seconde sera le sujet du formatage et la première constituera l'élément frère immédiatement en amont.

Balise_amont + Balise_cible {Propriété1: Valeur1; ...}

Exemple

Ainsi, si nous voulons que toutes les balises "<blockquote>" suivant l'instruction "<h2>", apparaissent sur un fond vert, alors il suffit d'écrire la ligne suivante :

<html>
 <head>
  <style type="text/css">
  <!--
  h2 + blockquote {background-color: green}
  -->
  </style>
 </head>

 <body>
 <h2> ... </h2>
 <blockquote> ... </blockquote>
 <p> ... </p>
 <blockquote> ... </blockquote>
 </body>
</html>
Haut de page