Change table cell highlight for first 3 rows |
Change table cell highlight for first 3 rows |
daverich |
Feb 23 2017, 05:12 AM
Post
#1
|
Group: Members Posts: 8 Joined: 28-January 17 Member No.: 26,285 |
Hello friends!
I have this table with row highlighting – it highlights the rows in different colours (first 3 in dark and later in blue). I wonder If I can also change the table cell highlight to yellow for the first three rows and keep the rest as it is now? Here is the style: QUOTE <style> body { background-color: #0D0D0D; } tr:hover{ background: #0000F7; color: rgb(102,102,102); } tr:hover td{ background: transparent !important; } tr td:hover { background-color: #609 !important; } tr:nth-child(1):hover { background-color: #292C31; } tr:nth-child(2):hover { background-color: #292C31; } tr:nth-child(3):hover { background-color: #292C31; } a { color:#BFBFBF !important; } a { text-decoration:none !important; } </style> And the file itself: https://jsfiddle.net/33bxg04e/ Thanking you!) Dave |
pandy |
Feb 23 2017, 06:41 AM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Is it the background color or the hover color you want to change?
|
daverich |
Feb 23 2017, 03:07 PM
Post
#3
|
Group: Members Posts: 8 Joined: 28-January 17 Member No.: 26,285 |
yes - thank you!)
|
Christian J |
Feb 23 2017, 03:29 PM
Post
#4
|
. Group: WDG Moderators Posts: 9,656 Joined: 10-August 06 Member No.: 7 |
You should be able to use the same kind of nth-child rules that you already have (bu without the :hover part).
|
pandy |
Feb 23 2017, 03:30 PM
Post
#5
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Background OR hover color?
|
Lo-Fi Version | Time is now: 23rd April 2024 - 04:03 PM |