CSS to change color of hyperlinks on th table header
CSS code to change the color of hyperlinks on th table header:
To change the color of hyperlinks in a table header (th) element in CSS, you can use the followings pseudo-classes to target different states of the hyperlink.
- :link,
- :hover,
- and :active
- :visited
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 | th a:link { color: blue; } th a:hover { color: green; } th a:active { color: yellow; } th a:visited { color: pink; } |
- Normally the hyperlink color will be blue
- Pink 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 header at once, like so:
1 2 3 4 5 | th a { color: green; } |
This will change the color of all hyperlinks within the table header to green, regardless of their state.