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

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





Home
About
Contact
FAQ


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

я подошел к результату со следующим кодом, но я хочу Это, чтобы применить к обеим частям вместе ( домой, быть полностью желтым < /strong>):

< /p>




.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