CSS颜色属性

我遇到了Color属性的问题，我试图将其应用于菜单li定位标记。CSS颜色属性

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

来源

2012-03-27 Paul

你尝试的蓝色深浅等了吗？ – Hardryv 2012-03-27 16:53:09

请仅在您的问题上发布相关的代码？ – Starx 2012-03-27 16:53:13

您是否尝试过使用RGB值？喜欢'颜色：＃00F' – 2012-03-27 16:54:58

刚刚尝试这一点在下面的CSS在你的ddmenu 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; 
}

来源

2012-03-27 16:59:55 w3uiguru

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

尝试：

ul li a:link {color: blue;}

或：

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

附：根据您提供的示例链接，而不是您发布的代码。

重写规则是#Soluciones_derecho2 ul li a:visited, ul li a:link

来源

2012-03-27 16:56:50 iMoses

CSS颜色属性

回答

相关问题