Question

我有一个链接应该显示为常规＆＃39;并悬停，浅蓝色表示活跃。

但它显示紫色为常规＆＃39;。为什么呢？

＆＃13;

  .button {
  text-decoration:none; 
  color: red; 
  background: purple; 
  }
  .button:hover {
  color: white; 
  background: purple; 
  }
  .button:active {
  color: red; 
  background: purple;
  }
  .button:visited {
  color: purple; 
  background: purple; 
  }

＆＃13;

<a href="example.com" style="text-decoration:none" class="button">text</a>

＆＃13;

HTML：

<a href="example.com" style="text-decoration:none" class="button">text</a>

CSS：

<style>
  .button {
  text-decoration:none; 
  color: red; 
  background: purple; 
  }
  .button:hover {
  color: white; 
  background: purple; 
  }
  .button:active {
  color: red; 
  background: purple;
  }
  .button:visited {
  color: purple; 
  background: purple; 
  }
</style>

Answer 1

如果您的CSS建议.button是<A>标记，则可能需要为“已访问”的伪类提供样式。

请参阅：http://www.w3.org/wiki/CSS/Selectors/pseudo-classes/:visited

其他信息

CSS的级联性质意味着风格的顺序很重要访问过URL后，将会应用“：visited”样式当您将鼠标悬停在链接上时，这些样式也将适用它们适用的优先级取决于它们在样式表中的顺序。

注意：如果您希望“：hover”占据主导地位（即使在访问过后，也应将定义为 :visited。

CSS链接/悬停不起作用

1 个答案: