Discussion :

[moimp]

Bonjour à tous,

J'ai un tableau avec une classe 'users'. Je veux sélectionner la deuxième ligne de la balise thead.

J'ai donc écrit le code CSS suivant:

Code css :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
.users
{
    text-align:center;
    font-size:10px;
}
.users caption
{
    padding:10px;
    font-size:14pt;
}
.users thead:nth-child(2) {
    color:blue;
}

avec le code html suivant:

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
15
16
17
<table class="users">
    <caption><?= RIGHTS_TAB_CAPT ?></caption>
    <thead>
        <tr>
            <th colspan="4">&nbsp;</th>
            <th colspan="10" class="thGrpOnglets"><?= RIGHTS_TH_FILE; ?></th>
            <th colspan="7" class="thGrpOnglets"><?= RIGHTS_TH_PRINT; ?></th>
            <th colspan="2" class="thGrpAction"><?= RIGHTS_ACTIONS; ?></th>
        </tr>
        <tr><td>yyyyy</td></tr>
        <tr><td>yyyyy</td></tr>
    </thead>
    <tbody>
        <tr><td>yyyyy</td></tr>
        <tr><td>yyyyy</td></tr>
    </tbody>
</table>

Je ne comprends pas pourquoi toutes les balises tr de ma balise thead sont bleues. J'ai essayé de mettre la valeur de nth-child à 3 pour tenir compte de la balise caption mais dans ce cas, la couleur n'est pas du tout prise en compte.

[Invité]

Bonjour,

Code css :

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

.users thead tr:nth-child(2) {

[moimp]

Merci