Question

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

这是HTML CODE

<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 CODE：

<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>

Answer 1

问题：与你的选择器li a #Shop_Active有关。这个含义是..找到一个id Shop_Active的元素，它是{{1的子元素其中inturn是a的孩子

但你想要的是找到一个带有给定Id的li标签。不是其中的子元素。

解决方案：删除a

后的空格

a这应该是

li a #Shop_Active

或者只是

li a#Shop_Active

因为ID是唯一的

在列表项标记内的锚标记上添加样式

1 个答案: