Изменить цвет дочернего текста, отличный от цвета родительского текста?

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: посещения» для своих детей. Так что-то типа

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