Вопрос по html, css – а: зависание не работает

5

HTML

 <table width="100%">
<tr>
    <td width="90%"></td>
    <td><a href="#" id="logout"><strong>Logout</strong></a></td>
 </tr>
</table>

CSS

@charset "utf-8";
/* CSS Document */

#logout {
color:#BBB;
}

a:hover {
color:#FFF;
}

Хотя кажется, что цвет выхода из системы соответствует тому, который указан в CSS, цвет не меняется, когда я наведу указатель мыши на ссылку(to white) , Какова причина ?

Я должен сказать, что есть другие CSS-файлы, которые имеют тенденцию изменять цвет ссылки, когда на них наведена мышь, и они работают нормально.

@Quentin: Ничего плохого в ссылках на выход из системы, ИМХО. И иногда с использованием таблиц вместо «чисто» без таблиц CSS для макета может на самом деле избавить вас от бесконечной боли в сердце. По моему опыту. Stefan
Layout tables? Links to logout? О, Боже. Quentin

Ваш Ответ

3   ответа
-1

Ссылка, Hover, Посещенный

Например:

a:link
{
text-decoration:none;
color:#008b45;
}

a:hover
{
margin-bottom: 3px solid #ff7400;
    background:white;
}

a:visited
{
color:#ee9a00;
}
18

#logout) является более конкретным, чем селектор типа (a) плюс псевдокласс (:hover), поэтому ваш первый набор правил будет всегдавыиграть каскад.

использование#logout:hover вместо.

Я не понял вашего ответа, хотя проблема решена. не могли бы вы объяснить saplingPro
Перейди по ссылке.
2

Simplifying:

У вас есть два правила CSS, которые применяются к этому якору.

Оба правила меняют цвет.

Может применяться только одно правило; можно выбрать только один цвет.

Браузер должен выбирать между правилом на основе идентификатора (#logout) и правило, основанное на типе элемента (<a>).

Правило, основанное на ID, выигрывает в этой ситуации. Более конкретно указывать идентификатор, чем указывать все элементы типа (привязка).

Похожие вопросы