how to set a:hover color

[copdips]

Hello,

in my stylesheets/extra.css file, I would like to customize the link color with:

a:hover {
  background-color: #dfe7f5;
  color: hotpink;
}

It's very strange that background-color takes effect, but not for color, any clue please?

[kamilkrzyskow]

Hello @copdips,
it's likely due to the Specificity.
You're using a global a:hover, but the CSS defined by the theme is more specific with .md-typeset a:hover, and does define a color with that, so it has higher priority. Your background color works, because the theme doesn't define a background color for anchors, so your broad select takes priority, because it's the only one.

[copdips]

Thank you so much for tips.