CODEWITHSUNDEEP
htmlcss
boo-urns
boo-urns

Reputation: 10376

How to change text color for link in tr element with CSS

I'd like to change the background and text color when the mouse hovers over a row in a table:

tr {
  background-color:#FFF;
  color:#000;
}

tr:hover {
  background-color:#000;
  color:#FFF;
}

This works if there aren't any links in the tr elements, but when there are, the link color remains black (because of a { color: #000; }?). How do I specify in the CSS that links in the tr element should change color when the mouse hovers over the tr?

Upvotes: 6

Views: 17824

Answers (2)

Salil
Salil

Reputation: 47522

Try

tr a{
  color:#000;
}

tr a:hover {
  color:#FFF;
}

Upvotes: 1

nc3b
nc3b

Reputation: 16240

How about

tr:hover a {
    color: #CC0000;
}

is this what you are looking for ?

Upvotes: 15

Related Questions