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

表示＆＃34;任何a类myBlue正在上悬停，并且是a类myBlue的子元素 }}

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

a.myBlue, a.myBlue:hover

Answer 2

您的代码中存在拼写错误...请使用以下代码。它有效...

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

Answer 3

你的CSS选择器是错误的，你如何使它存在意味着当你将鼠标悬停在类.myBlue的元素上时它只应用规则，.myBlue是另一个元素a.myBlue, a.myBlue:hover { /* notice the comma */ color: #3078ef ; }的子元素1}}。所以你的选择器需要

{{1}}

Css风格不起作用？

3 个答案: