更改與父文本顏色不同的子文本顏色？

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