~Matt~ Posted June 7, 2010 Share Posted June 7, 2010 I cant seem to get a table row to hover with the following code: tr:hover{ background:#4b95e5; } tr:nth-child(odd) { background-color:#edf3fe; } tr:nth-child(even) { background-color:#ffffff; } tr:nth-child(odd:hover { background:#4b95e5; } tr:nth-child(even)hover { background:#4b95e5; } It also doesnt work with: tr:hover{ background:#4b95e5; } tr:nth-child(odd) { background-color:#edf3fe; } tr:nth-child(even) { background-color:#ffffff; } tr:hover { background:#4b95e5; } NVm I think I just see what i got wrong: this is correct! tr:hover{ background:#4b95e5; } tr:nth-child(odd) { background-color:#edf3fe; } tr:nth-child(even) { background-color:#ffffff; } tr:nth-child(odd):hover { background:#4b95e5; } tr:nth-child(even):hover { background:#4b95e5; } Link to comment Share on other sites More sharing options...
Question
~Matt~
I cant seem to get a table row to hover with the following code:
tr:hover{ background:#4b95e5; } tr:nth-child(odd) { background-color:#edf3fe; } tr:nth-child(even) { background-color:#ffffff; } tr:nth-child(odd:hover { background:#4b95e5; } tr:nth-child(even)hover { background:#4b95e5; }It also doesnt work with:
tr:hover{ background:#4b95e5; } tr:nth-child(odd) { background-color:#edf3fe; } tr:nth-child(even) { background-color:#ffffff; } tr:hover { background:#4b95e5; }NVm I think I just see what i got wrong: this is correct!
tr:hover{ background:#4b95e5; } tr:nth-child(odd) { background-color:#edf3fe; } tr:nth-child(even) { background-color:#ffffff; } tr:nth-child(odd):hover { background:#4b95e5; } tr:nth-child(even):hover { background:#4b95e5; }Link to comment
Share on other sites
0 answers to this question
Recommended Posts