CSS to change the color of hyperlinks on tr table row:
To change the color of hyperlinks in a table row (tr) element in CSS, you can use the following pseudo-classes to target different states of the hyperlink.
- :link,
- :visited,
- :hover,
- and :active
For example:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | tr a:link { color: blue; } tr a:visited { color: purple; } tr a:hover { color: green; } tr a:active { color: yellow; } |
- Normally the hyperlink color will be blue
- Purple when hyperlink has been visited,
- Green when the user hovers over on hyperlink,
- Yellow when the user is actively clicking on hyperlink.
You can also use the color property to change the color of all hyperlinks within a table row at once, like so:
1 2 3 4 5 | tr a { color: green; } |
This will change the color of all hyperlinks within the table row to green, regardless of their state.