Как применить стиль (псевдо CSS) к дочерним элементам родителя в верхней части навигации? [дубликат] ⇐ CSS

[Anonymous]

Слово «Дом» в верхней части навигации имеет два разных цвета: красный и синий. Как мне применить желтый цвет к этому слову (Дом) в следующих условиях:

. topnav a:hover, .topnav a:active, .topnav a.active

Код: Выделить всё

.topnav {
padding: 10px;
background: #EEEEEE;
}
.topnav a {
padding: 10px;
text-decoration: none;
color: gray;
text-shadow: 1px 1px 1px #BBBBBB;
}
.topnav a:hover, .topnav a:active, .topnav a.active {
color: yellow;
}





[url=index.php]Home[/url]
[url=about.php]About[/url]
[url=contact.php]Contact[/url]
[url=contact.php]FAQ[/url]

Я приблизился к результату с помощью следующего кода, но хочу его следует применить к обеим частям вместе ( Дом, быть полностью желтым):





.topnav {
padding: 10px;
background: #EEEEEE;
}
.topnav a {
padding: 10px;
text-decoration: none;
color: gray;
text-shadow: 1px 1px 1px #BBBBBB;
}
.topnav a:hover, .topnav a:active, .topnav a.active {
color: yellow;
}
.topnav a > span:hover, .topnav a > span:active, .topnav a > span.active {
color: yellow !important;
}





Home
About
Contact
FAQ


< /code>
< /div>
< /div>
< /p>

Надеюсь, я смог объяснить мою проблему, большое спасибо и оценить ваше руководство.


Подробнее здесь: https://stackoverflow.com/questions/793 ... navigation