html - 使用 CSS 更改悬停时跨度的颜色

Question

我知道更改跨度的颜色属性的正确语法是什么，但我无法重现此行为，而且我也不知道为什么

这是 HTML 代码:

<div class="col-lg-3 col-md-3 col-sm-6 btn">

                    <table class="table panelc" id="panelc">
                        <tbody>
                            <tr>
                              <td>
                                <span class="bpost-parcellocker" style="color: #EF2637; font-size: 90px; "></span>

                              </td>
                              <td class="text-center text-nowrap">
                                Vanaf<br>€4,00
                              </td>
                            </tr>
                            <tr>
                                <td>
                                Een pakjesautomaat
                                </td>
                                <td></td>
                            </tr>
                        </tbody>
                    </table>


            </div>

CSS:

.table.panelc:hover, .table.panelc:hover span  {
    background-color: #EF2637;
    color: white;
 }

只有表格的内容会改变，而跨度的颜色不会改变，为什么？我做了几次尝试，选择器是正确的。

确实，如果我尝试更改 span 的背景，一切都很好

Answer 1

这是因为内联样式比您的 css 中的样式具有更高的特异性。

在此处阅读有关 CSS 特异性的更多信息:http://cssspecificity.com/