5

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

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-файлы, которые имеют тенденцию изменять цвет ссылки, когда на них наведена мышь, и они работают нормально.

  • Я не понял вашего ответа, хотя проблема решена. не могли бы вы объяснить

    от saplingPro
  • Перейди по ссылке.

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

    от Stefan
  • Layout tables? Links to logout? О, Боже.

    от Quentin
  • -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 вместо.

  • 2

    Simplifying:

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

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

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

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

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