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

Informations Générales

[425] Posts sur le forum
[453] Membres inscrits
Il y a en ligne :
arrow 0 Membre
arrow 3 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.


Publicité


Prestataire

N°1 de l'hébergement, location de serveurs, nom de domaines et téléphonie.
(OVH est recommandé par Webelix.net)

www.

Nos 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