Я очень новичок в css, и я столкнулся с этой проблемой
header.html
<div class="header">
<div class="headright">
<div class="languages">
<ul class="language1">
<li class="active"><a href="login.php">Login</a></li>
<li> | </li>
<li class="active">EN</li>
<li><a href="fr/index.php">FR</a></li>
</ul>
</div>
</div>
</div>
класс "active" успешно меняет цвет на "EN", но не на "Login".
Здесь css:
.headright {
float: right;
display: block;
margin-top:-10px;
}
.headright .languages {
display: inline;
padding-right: 10px;
float: left;
}
.language1 {
float:left;
display:inline;
font-family: 'texgyreadventorregular';
}
.headright .headsites {
float: left;
display: inline;
margin-right: 18px;
font-family: 'texgyreadventorregular';
}
.headright .headsites ul li {
list-style-type: none;
display: inline;
color: #ffffff;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
clear: left;
}
.headright .languages ul li {
list-style-type: none;
display: inline;
color: #ffffff;
font-size:14px;
}
.headright .languages ul li a {
color: #ffffff;
font-size:14px;
}
.headright .languages ul li.active {
color: #99cc00;
}
Как сделать вход в систему также изменить цвета?
Это потому, что логин - это ссылка. Теги тегов несут стиль браузера по умолчанию, если вы не переустановите/не настроите их специально.
Измените свой CSS следующим образом. Измените это:
.headright .languages ul li.active {
color: #99cc00;
}
К этому:
.headright .languages ul li.active,
.headright .languages ul li.active a {
color: #99cc00;
}
Это применит ваш цвет к тегам li с активными, а также к любым ссылкам внутри них :)
добавить в свой css
.headright .languages ul li .active a{
//whatever effect you want here
}