Html 在列表项标记内的定位标记上添加样式

我在li标签内的锚标签上添加样式。 但造型并不适用于它

这是HTML代码

<ul>
    <li class="dropdown">
        <a href="#" id="Shop_Active" class="dropdown-toggle" data-toggle="dropdown">Shop</a>
        <ul class="dropdown-menu">
            <li>
                <a href="Store1.php">Store 1</a>
            </li>
            <li>
                <a href="Store2.php">Store 2</a>
            </li>
        </ul>
    </li>
</ul>

这是CSS代码：

<style>
li a #Shop_Active   /* For Inserting an underline On Shop Button */
{
    style=border-width: 2px;
    border-color: #3399FF;
    color: #fff;
    border-bottom-style: solid;
}
</style>

li a#Shop_Active/*用于在Shop按钮上插入下划线*/
{
样式=边框宽度：2px；
边框颜色：#3399FF；
颜色：#fff；
边框底部样式：实心；
}

问题：您的选择器是否处于活动状态。。这句话的意思是。。查找id为

Shop\u Active

的元素，该元素是

a

的子元素，该子元素是

li的子元素

但是您想要的是找到一个具有给定Id的
标记，而不是其中的子元素

解决方案：删除
a

li a#Shop_Active
这应该是

li a#Shop#u Active

或者干脆

#店铺#激活{
/*你的规则*/
}

因为ID是唯一的
你得到了无效的CSS，比如
style=
；而
a#Shop_Active
并不意味着“ID
Shop_Active
的
元素”，它意味着“ID
Shop_Active
元素内部的元素”。为什么不直接使用
#Shop\u Active
？