在li里面为锚标签应用css

Question

我想将css应用于li里面的锚标签，li位于“.whitedrop”类

里面

    <ul class="dropdown whitedrop">
        <li><a>My Profile</a></li>
        <li><a>Settings</a></li>
    </ul>

我试过了，

    .whitedrop li a{
        background: red;
    }

但它不起作用。我在这做错了什么？

请帮忙， 感谢。

Answer 1

它已经有效了。 Check this JSFiddle

也许还有另一种background: none干扰的风格。尝试更改CSS规则，仅为测试目的添加!important 以确认此行为：

   .whitedrop li a{
        background: red !important;
    }

此外，它可能与浏览器缓存有关。您是否尝试在Web浏览器选项卡中使用 CTRL + F5 打破缓存？