在懸停上更新跨度顏色

我試圖在懸停時更新跨度顏色，但是我無法這樣做。我能夠更新背景顏色，大小等，但我無法更新字體顏色。在懸停上更新跨度顏色

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

在懸停上更新跨度顏色

回答

相關問題