Discussion :

[pierrot10]

Bonjour,
je connais malheureusement pas encore tout en CSS
Pouvez vous me dire ce que signifie ceci:

Code :

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

1
2
*+html .une class{}
*html .uneclasse{}

mais surtout

Code :

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

html>body .uneClasse {}

le * et le > me "pertube


merci

[dedel53]

c'est un hack pour IE

[pierrot10]

merci, oui c'est d'un hack que j'ai decouvert ceci, mais je cherche a comprendre ce que veut dire ces trois code
le
*+html
*html et surtout
html>body

Es ce des conditions, comment le traduire par des mots?

[Dan_A]

A part * html pour IE 5.x et IE 6, il ne faut pas utiliser ces hacks.
Usage : http://centricle.com/ref/css/filters/

[Haze.]

Attention, ce n'est pas parce que l'on utilise des sélecteurs CSS que c'est forcément des hacks pour IE, ne mélangeons pas tout !

le * et le > me "pertube

Le "*" signifie tous les élements.
Le ">" signifie un enfant direct.

Par exemple, avec le CSS suivant :

Code CSS :

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

p > strong {color: red;}

Ici "plop" sera coloré en rouge :

Code HTML :

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

1
2
3
4
5
<p>
    exemple 1 :
    <strong>plop</strong>
    ...
</p>

Tandis que dans ce second cas, le style CSS ne s'appliquera pas car <p> n'est pas le parent direct de <strong> :

Code HTML :

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

1
2
3
4
5
<p>
    exemple 2 :
    <span>...<strong>plop</strong>...</span>
    ...
</p>

[pierrot10]

Salut tous,
merci pour vos reponses et les liens très intressants
Bon week end a tous