하위 텍스트 색을 부모 텍스트 색과 다르게 변경 하시겠습니까?

Question

나는 아래로 떨어지는 navbar가있다. 부모 텍스트는 검정색으로 부모 텍스트 위로 마우스를 가져 가면 다른 카테고리가 표시됩니다. 카테고리의 텍스트도 흰색이므로 드롭 다운 카테고리 텍스트의 텍스트 색상을 흰색으로 변경하는 것이 가능합니까?

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