Css风格不起作用？

Question

它可能只是我,但有时我觉得我开始掌握这个css的东西'然后它又回到'我没有线索.'

所以,我有一个默认的风格

a:focus,
a:hover,
a:active {
  outline: 0 none;
  text-decoration: none;
    color: #fff;
}

但在一些<a href..>我需要覆盖样式,所以我已经将以下内容添加到我的CSS

a.myBlue a.myBlue:hover {
  color: #3078ef ;
}
.myBlue a:hover {
     color: #3078ef ;
}

(是的,我已经两次这样做了)

并应用

<a href="/Client/Edit/@item.ClientId" class="myBlue"></a>

但是在Chrome中,看着它仍然采用标准风格的开发者工具,它甚至没有拉下"myBlue"？

我哪里错了？

Answer 1

css选择器:

a.myBlue a.myBlue:hover

意味着"任何a类的myBlue正被上空盘旋,是一个子元素的a类myBlue.

如果您希望将相同的样式应用于多个选择器,则需要使用逗号分隔每个选择器:

a.myBlue, a.myBlue:hover