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

Question

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

Link类看起来是这样的：

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