добавить цвет в список в html

Question

добавить цвет в список в html

0

Я очень новичок в 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;
}

Как сделать вход в систему также изменить цвета?

Kam 18 янв. 2014, в 00:57

Источник

Теги:

html

css

2 ответа

1

добавить в свой css

.headright .languages ul li .active a{
    //whatever effect you want here
}

CumminUp07 17 янв. 2014, в 20:52

Ещё вопросы

wickywills · Accepted Answer · 2014-01-17T20-29-00.000Z

Это потому, что логин - это ссылка. Теги тегов несут стиль браузера по умолчанию, если вы не переустановите/не настроите их специально.

Измените свой CSS следующим образом. Измените это:

.headright .languages ul li.active {
    color: #99cc00;
}

К этому:

.headright .languages ul li.active,
.headright .languages ul li.active a {
    color: #99cc00;
}

Это применит ваш цвет к тегам li с активными, а также к любым ссылкам внутри них :)