Les lignes impaires du tableau ne sont pas en surbrillance

J'ai une table qui met en évidence toutes les lignes impaires.Les lignes impaires du tableau ne sont pas en surbrillance

Pour ce faire, je vérifie simplement quel est le numéro de ligne et applique la classe alt à cette ligne.

Je puis mettre en surbrillance la ligne sur le vol stationnaire en utilisant un simple :hover dans le fichier CSS.

Il met parfaitement en évidence les lignes non .alt, mais pas les lignes alt.

Voici mon code CSS:

.datagrid tr:hover, .datagrid tr.alt:hover { 
    background-color:#497A43; 
    color:#D3F0D4; 
}

Qu'est-ce que je fais mal?

2012-07-05 Albert

Pourquoi le premier sélecteur n'est-il pas suffisant? Sûrement 'tr.alt's sont' tr's? –

montrez-nous la règle pour les lignes non-'.alt', s'il vous plaît, et postez un peu plus de CSS que vous pensez être pertinent. –

est la couleur et l'arrière-plan pour les lignes '.alt' la même chose que planer peut-être? –

DonT appliquer ces classes encombrantes méthodes changeantes. Au lieu d'utiliser le sélecteur css

.datagrid tr:nth-child(even):hover {background: #CCC} 
.datagrid tr:nth-child(odd):hover {background: #FFF}

2012-07-05 07:50:36 Bhoot

de cette façon le style fonctionne même en l'absence de javascript. – Bhoot

Cela a fonctionné. Merci! – Albert

Fonctionne sans avoir besoin du sélecteur .alt.

2012-07-05 07:50:14

au lieu de

.datagrid tr:hover, .datagrid tr.alt:hover 

{ 


    background-color:#497A43; 


    color:#D3F0D4; 


}

utiliser les éléments suivants

.datagrid tr.alt:hover 

{ 

    background-color:#497A43; 

    color:#D3F0D4; 


}

Le appliquera au-dessus de la couleur d'arrière-plan et la couleur aux lignes qui a classe comme "alt" et seulement quand ils sont planés.

J'espère que cela a aidé.

2012-07-05 09:24:21 Narendra

Répondre