Question

我遇到了Color属性的问题，我正在尝试将其应用于Menu li锚标记。

li a:visited {color:red;}和li a.selected {color:green;}已正确应用，但未应用li a{color:blue;}。

http://www.virtualpetstore.com

此类定义未应用的蓝色：

.solidblockmenu li a {
    float: left;
    color: blue;
    font-family:Arial Black;
    font-size:12px;
    padding: 8px 20px 8px  20px;
    text-decoration: none;
    border-right: 1px solid white;
}

这是菜单标记：

<div id="menu2">
    <asp:LoginView ID="HeadLoginView" runat="server" EnableViewState="false">
        <AnonymousTemplate>
            <ul id="solidmenu" class="solidblockmenu">
                <li><a href="~/default.aspx" runat="server">Incinio</a></li>
                <li><a href="~/empresa.aspx" runat="server">Empresa</a></li>
                <li><a href="~/webgrupodotnet.aspx" runat="server">Deserollo</a></li>
                <li><a href="~/webgrupodiseno.aspx" runat="server">Diseno</a></li>
                <li><a href="~/webgrupomovil.aspx" runat="server">Moviles</a></li>
                <li><a href="~/asociados.aspx" runat="server">Asociados</a></li>
                <li><a href="~/contacto.aspx" runat="server">Contacto</a></li>
                <li><a href="~/Account/Registrar.aspx" id="Registrar" runat="server">Registrar</a></li>
                <li><a href="~/Account/Login.aspx" id="HeadLogin" runat="server">Log-In</a></li>
            </ul>
        </AnonymousTemplate>
        <LoggedInTemplate>
            <ul id="solidmenu" class="solidblockmenu">
                <li><a href="~/default.aspx" runat="server">Incinio</a></li>
                <li><a href="~/empresa.aspx" runat="server">Empresa</a></li>
                <li><a href="~/webgrupodotnet.aspx" runat="server">Deserollo</a></li>
                <li><a href="~/webgrupodiseno.aspx" runat="server">Diseno</a></li>
                <li><a href="~/webgrupomovil.aspx" runat="server">Moviles</a></li>
                <li><a href="~/asociados.aspx" runat="server">Asociados</a></li>
                <li><a href="~/contacto.aspx" runat="server">Contacto</a></li>
                <li><span style="width: 25px;">
                    <asp:LoginStatus ID="headloginstatus" runat="server"  LogoutAction="redirect" LogoutText="log out" LogoutPageUrl="~/" />
                    </span>
                </li>
                <li><span>
                    <a href="/Account/ModificarCuenta.aspx" class="modifyuser">
                        <asp:LoginName ID="headloginname" runat="server" />
                    </a>
                </span>
                </li>
            </ul>
        </LoggedInTemplate>
    </asp:LoginView>
</div>

这是剩下的ddmenu.css：

.solidblockmenu {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
    font: bold 13px Arial;
    overflow: hidden;
    margin-bottom: 1em;
    border: 1px solid #625e00;
    border-width: 1px 0;
    background: black url("http://i.imgur.com/iTqzs.gif") center center repeat-x;
}
.solidblockmenu li {
    display: inline;
}
.solidblockmenu li a {
    float: left;
    color: blue;
    font-family:Arial Black;
    font-size:12px;
    padding: 8px 20px 8px  20px;
    text-decoration: none;
    border-right: 1px solid white;
}
.solidblockmenu li a:visited {
    color: Red;
}

.solidblockmenu li a:hover, .solidblockmenu li a.selected { 
    color: Green;
    background: transparent url("http://i.imgur.com/mjYcj.gif") center center repeat-x;
position: relative;
}

Answer 1

您已定义ul li a:link，它会覆盖默认规则（ul li a）

尝试：

ul li a:link {color: blue;}

或：

.solidblockmenu li a:link {color: blue;}

P.S。根据您提供的示例链接，而不是您发布的代码。

覆盖规则为#Soluciones_derecho2 ul li a:visited, ul li a:link

Answer 2

在你的ddmenu css中尝试下面的css

.solidblockmenu li a:link {
    float: left;
    color: blue;
    font-family:Arial Black;
    font-size:12px;
    padding: 8px 20px 8px  20px;
    text-decoration: none;
    border-right: 1px solid white;
}

CSS颜色属性

2 个答案: