在悬停上更新跨度颜色

我试图在悬停时更新跨度颜色，但是我无法这样做。我能够更新背景颜色，大小等，但我无法更新字体颜色。在悬停上更新跨度颜色

HTML

<div class="subcategories"> 
    <span class="subcategory"> 
     <a class="badge-wrapper box" href="/c/anybus/anybus-embedded"> 
      <span class="badge-category-bg" style="background-color: #808281;"></span> 
      <span style="color: #FFFFFF;" data-drop-close="true" class="badge-category clear-badge">My Span Text</span> 
     </a> 
    </span>

CSS我试图使用方法：

.subcategories .subcategory a:hover span{ 
    color: #6D6D6D; 
}

来源

2017-05-01 basic

的答案是正确的关于级联，但建议'important'是不是个好主意！这为CSS地狱铺平了道路。 – jmargolisvt

你的内联CSS是压倒一切的颜色。

要么删除嵌入式CSS，要么在样式表中添加重要的标签。

这将工作：尽管最好不要用户内联CSS，所以我建议您将它从HTML中移出。

.subcategories .subcategory a:hover span{ 
    background-color: #6D6D6D; 
    color: red !important; 
}

来源

2017-05-01 19:44:28 Canolyb1

我爱你哈哈我不能接受为5分钟的答案，但你明白了。编辑：另外我不能删除内联的CSS。 – basic

它不工作的原因是因为你对跨度内嵌样式

<span style="color: #FFFFFF;"

您可以通过使用替代此！在你的CSS重要

.subcategories .subcategory a:hover span{ 
    color: #6D6D6D !important; 
}

来源

2017-05-01 19:45:39

删除内嵌样式，然后你的悬停将工作。

style="color: #FFFFFF;"

相反，用CSS喜欢这种风格：

.subcategories .subcategory a span{ 
    color: #ffffff; 
}

来源

2017-05-01 19:47:29 user3361996

在悬停上更新跨度颜色

回答

相关问题