Discussion :

[polux31]

Bonjour,
J'ai récupéré le fichier .css d'un ami mais il y a quelque chose que je ne comprend pas.
A un moment il a écrit :

#contenu #presentation
{
etc..
}

Qu'est ce que cela signifie ?
Que les attributs sont valables pour la div contenu et presentation ?

[rivsc]

Non l'élément #presentation qui est un enfant de #contenu :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

#contenu #presentation

Pour les deux éléments quelque soit leur position :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

#contenu, #presentation

[polux31]

Merci !
ça correspond à ça ?

Le sélecteur d'éléments imbriqués permet de créer une règle ne s'appliquant que lorsque un élément Y est imbriqué dans un élément X. Sa syntaxe est la suivante :

selecteur_X selecteur_Y { /* style; */ }

Soit le code HTML suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<p> <i> Attention </i>, ceci est un <b> avertissement </b> </p>
<b> Prière d'en tenir compte </b>

La règle suivante ne sélectionne que le mot « avertissement » (le seul entouré de balises <B>, elles-mêmes imbriquées dans une balise <P>) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

P B { font-weight: bold; color: red; }

[rivsc]

Oui c'est bien ça !

[polymorphisme]

Bonjour,

ces notions datent de CSS 1.0.

D'une part, les sélecteurs contextuels appliquent un style à une balise définie dans un contexte précis.

Ce contexte est déterminé par la relation "… est un ancêtre de …".

La syntaxe des sélecteurs contextuels est simple : la balise balise011 se voit imprégner du style { propriete01 : valeur011; … propriete03 : valeur031 } seulement dans le cas où elle est emboîtée dans une balise balise01.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
balise01 balise011 {
  propriete01 : valeur011;
  propriete02 : valeur021 valeur022;
  propriete03 : valeur031
}

D'autre part, un sélecteur d'identificateur générique peut être appliquer à un ensemble d'éléments :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
#id01 {
  propriete01 : valeur011;
  propriete02 : valeur021 valeur022;
  propriete03 : valeur031
}

L'ensemble des éléments sélectionnés vérifient la relation "… est une classe unique d'éléments".

Les sélecteurs d'identificateurs donnent aux auteurs la possibilité de créer des documents de bonne présentation dans la page mais sans tirer avantage des éléments structuraux de HTML.

Note : merci d'utiliser la balise code.