css2

[mailer]

bonjour
j'essaie d'utiliser le css2, et donc les selecteurs enfants ">"
mais visiblement ça ne fonctionne pas, ou ai je fait l'erreur ?

voilà mon code :

Code: Tout sélectionner

DIV #cact_form > fieldset {background-color: #F4F9FD; margin-bottom: 20px}
DIV #cact_form > label {font-weight: bold; color: #ABB5BE}

<div id="cact_form">

<form name="envoi" method="post"  >
<fieldset>
       <legend>la légende est ici</legend>
<label>Pseudo: <input type="text" name="pseudo" size="30" maxlength="30" value="<?PHP echo $pseudo; ?>"></label><br />
<label>Titre du fichier: <input type="text" name="titre" size=30 maxlength=50 value="<?PHP echo $titre; ?>"></label><br />
<input type="submit" value="Envoyer!">
</fieldset>
</form>
</div>

[Leonick]

bonjour
j'essaie d'utiliser le css2, et donc les selecteurs enfants ">"
mais visiblement ça ne fonctionne pas, ou ai je fait l'erreur ?

Les sélecteurs ne fonctionnent pas avec IE si je me rappelle bien

[mailer]

ça ne marche pas sous Ie et même firefox

[mattcobalta]

accès au fieldset :
DIV#cact_form est PARENT de form qui est PARENT de fieldset
donc DIV#cact_form>form>fieldset

accès au label :
DIV#cact_form est PARENT de form qui est PARENT de fieldset qui est PARENT de label
donc DIV#cact_form>form>fieldset>label

Code: Tout sélectionner

DIV#cact_form>form>fieldset{background-color: #F4F9FD; margin-bottom: 20px}
DIV#cact_form>form>fieldset>label{font-weight: bold; color: #ABB5BE}

Voilà, marche parfaitement sous Firefox !

[SIBELIUS]

ça ne marche pas sous Ie et même firefox

Hello,

En fait, le sélecteur d'enfant fonctionne avec tous les navigateurs récents (Opera, Safari, Firefox, etc.), sauf IE6 qui est un peu trop vieux.
Il est prévu que IE7 reconnaisse ces sélecteurs.

[mailer]

merci pour vos réponses.
Mais je pensais qu'il fallait uniquement spécifier un parent et un enfant et non pas spécialement un parent et un enfant adjacent ...

par exemple sur un site il préconise ce code là pour cet exemple :

Code: Tout sélectionner

div > span { color:blue }
<div>
<p>lundi </p>
<p>mardi  <span> mercredi</strong></p>
<strong>jeudi </strong>       
<strong><i>vendredi</i></strong>     
</div>

et non pas si j'ai bien compris

Code: Tout sélectionner

div > p >span { color:blue }
<div>
<p>lundi </p>
<p>mardi  <span> mercredi</strong></p>
<strong>jeudi </strong>       
<strong><i>vendredi</i></strong>     
</div>

http://wiki.media-box.net/documentation ... ur-enfants

[mattcobalta]

En fait le code qu'ils te donnent ne fonctionne pas... Comme expliqué ici le sélecteur d'enfants ">" sert à pointer sur un enfant direct.

je pensais qu'il fallait uniquement spécifier un parent et un enfant et non pas spécialement un parent et un enfant adjacent ...

Oui, dans ce cas l'élément à cibler est un simple descendant et non un enfant, et pour que ça marche il faut :

Code: Tout sélectionner

div span { color:blue }

Cette page teste le fonctionnement du sélecteur d'enfants ">" et de tous les sélecteurs CSS2, toujours utile pour apprendre à skiner l'interface de ton Firefox, mais ça c'est une autre histoire

[Leonick]

En fait le code qu'ils te donnent ne fonctionne pas...

Oui, mais il y a une erreur de balise dans leur code,il aurait fallu

Code: Tout sélectionner

<span> mercredi</span>

et non pas
<span> mercredi</strong>

[mattcobalta]

il y a une erreur de balise dans leur code,il aurait fallu

Code: Tout sélectionner

<span> mercredi</span>

et non pas

Code: Tout sélectionner

<span> mercredi</strong>

Tout juste, bien vu Leonick. Comme quoi on peut faire marcher vraiment n'importe quoi comme code !

[mailer]

oui j'avais remarqué l'erreur aussi, et d'ailleur je ne comprenais pas d'ailleur leur explication suite a cette erreur ...

Ceci dit je vais reagrder les liens laissés, visiblement le wiki n'est peut etre pas forcement une très bonne chose, selon qui poste