答:将鼠标悬停在css样式表中不会';我不知道什么时候

答:将鼠标悬停在css样式表中不会';我不知道什么时候,css,drupal,hover,Css,Drupal,Hover,当我这样做时,它会起作用: .view-current-sales .col-first a {color:#66ff66;} 当我添加悬停时,它不再工作了 .view-current-sales .col-first a:hover {color:#66ff66;} 有什么想法吗?我想你们把一些东西和标签及其附带的悬停对应物搞混了。让我们用一个不同的例子来快速分解它 HTML: <div class="nohover3"> <a href="#"> Test

当我这样做时,它会起作用:

.view-current-sales .col-first a {color:#66ff66;}
当我添加悬停时,它不再工作了

.view-current-sales .col-first a:hover {color:#66ff66;}

有什么想法吗?

我想你们把一些东西和标签及其附带的悬停对应物搞混了。让我们用一个不同的例子来快速分解它

HTML:

<div class="nohover3">
    <a href="#"> Test 3 </a>
</div>
现在,我假设您将这些a标记封装在某种div或其他包含标记的容器中,以拥有自己的独立类。现在,这个HTML将一个标签呈现为两个CSS元素。第一个CSS元素为a标记提供了起始颜色,这意味着它会自动以您在原始问题中提供给我的灰绿色开始。第二个元素为悬停提供了不同的颜色,在本例中,颜色从灰绿色变为蓝色

话虽如此,让我们看一下您的示例,但要使用更清晰的代码:

HTML

<div class="nohover2">
    <a href="#"> Test 2 </a>
</div>
在这种情况下,第一个和第二个元素为a标记生成相同的颜色。这意味着a标记的开始颜色(浅绿色)与将鼠标悬停在a标记上时的颜色(也是浅绿色)相同。这意味着无论是否悬停,它都保持相同的颜色

为了更清楚地描述这一点,这里有一个JSFIDLE来表示我刚才所说的内容:


我为糟糕的类名提前道歉,目前创建示例不是我的强项。

CSS使用计分系统来确定使用哪些冲突的样式。元素值1分,类值10分,ID值100分

尝试在chrome浏览器中使用“Inspect Element”或在其他浏览器类型中使用类似功能,它会告诉您是否有其他样式的得分更高,因此会使用其悬停样式

如果是这种情况,请尝试将a:hover的类引用替换为id引用,以获得您希望使用的a:hover的更高分数

一个很好的描述可以在这里找到


如果所有其他操作都失败,请尝试使用“!important”标记您的悬停样式,以确保使用stype

你有同样的颜色。如何查看更改?当您悬停时,您希望更改什么?正如@Coelho所说,你的CSS和。。。
<div class="nohover2">
    <a href="#"> Test 2 </a>
</div>
.nohover2 a {
    color:#66ff66;
}
.nohover2 a:hover {
    color:#66ff66;
}