Discussion :

[Invité]

Bonjour,

J'ai un soucis avec mon code je ne vois vraiment pas où est le problème

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div id="wrapper">            
    <div id="compagny_page">
        <fieldset>
            <legend>blabla</legend>
        </fieldset>
        <fieldset>
            <legend>blabla</legend>
        </fieldset>
        <fieldset>
            <legend>blabla</legend>
        </fieldset>                
    </div>            
</div>
</div>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
#compagny_page {
    padding: 4px 4px 24px 4px;
    color: #f1f3f2; /* LITE GREY */
}
 
#compagny_page > fieldset {
    margin: 10px 10px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    border-color: transparent;
    background-color: #F1F3F2; /* LITE GREY */
    color: grey;
}

Ce qui ne va pas c'est que j'utilise :nth-child(3) pour cibler mon PREMIER élément fieldset de la page... C'est incompréhensible, je ne vois vraiment pas pourquoi quand j'utilise :first-child il ne me sélectionne rien...

J'ai donc le code suivant et j'aimerais comprendre ce qu'il se passe dans ma page ?

Code :

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

1
2
3
4
#compagny_page fieldset:nth-child(3)
{
    background: yellow;
}

Je vous assure que je n'ai aucun autre fieldset dans la page à part les 3 présents dans mon code.