question sur syntaxe css.

[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 :

#contenu #presentation

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

Code :

#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 :

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 :

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 :

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 :

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.