Question

我有一个下拉的导航栏。父文本为黑色，当您将鼠标悬停在父文本上时，它会下拉并显示其他类别。类别的文本也是白色的，是否可以将下拉类别文本中的文本颜色更改为白色？

链接类如下所示：

a:link {
    color: #000;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

并且导航栏代码如下所示：

#nav1 {
    /*sets up nav bar*/
    background: url(images/nav1-sep.gif) no-repeat left top;
    font-size: 13px; /*for navbar, code, design..*/
    height: 33px;
}
#nav1 ul.sf-menu li {
    /*separates nav cats*/
    position: relative;
    background: url(images/nav1-sep.gif) no-repeat right top;
    float: left;
    line-height: 37px; /*hover box height*/
    padding: 0 1px 0 0;
    text-align: center;
}
#nav1 ul.sf-menu li {
    /*spaces cats evenly*/
    /*color:#000;text color*/
    display:block ;
    position: relative;
    float: left;
    text-decoration:none;
    width: 127px; /*width of code, design.. placement*/
    cursor: pointer;
}
#nav1 ul.sf-menu li a:hover {
    /*on nav top hover*/
    /*change background color on hover*/
    text-decoration: none;
    background: #FEFEFE;
}

#nav1 ul.sf-menu li ul.children {
    /*drop down semi trans*/
    border: 2px solid #ffffff;
    background: url(images/BG_semi_trans.png) repeat-y top left;
}
#nav1 ul.sf-menu li ul.children li a:hover {
    text-decoration:none;
    filter:alpha(opacity=35);-moz-opacity:.35;opacity:.35;
    /*background:#000000;*/
}

#nav1 ul.sf-menu li ul.children
{
    /*aligns drop down with navbar*/
    margin:5px 0 0 0;
}
#nav1 ul.sf-menu li ul.children ul.children
{
    margin:-1px 0 0 27px;
}

感谢您的帮助！

Answer 1

您需要在孩子身上使用“a，a：link，a：visited”选择器。等等，

#nav1 ul.sf-menu li ul.children a,
#nav1 ul.sf-menu li ul.children a:link,
#nav1 ul.sf-menu li ul.children a:visited {
     color: white;
}

更改与父文本颜色不同的子文本颜色？

1 个答案: