проблема с использованием стиля, соответствующего определенному идентификатору

Question

<div class="header_bottom">
    <div class="header_bottom_right_main">
    <div class="header_bottom_right_menu_right">
    <div class="header_bottom_right_menu_right_text" id="menu_header_top_right">
        <table width="100%" border="0" cellpadding="0" cellspacing="1">
                <tr>
                <td nowrap="nowrap">
                <a href="" class="mainlevel" id="active_menu">Home</a>

это HTML-код, который я использовал для header.i также есть аналогичный HTML-код для нижнего колонтитула. Это влияет на bcoz одного и того же общего класса для тега привязки, верхнего и нижнего колонтитула. как мне избавиться от этой проблемы, вызывая тег привязки с помощью идентификатора из тега div (menu_header_top_right) .. пожалуйста, дайте мне код класса в css ..... не уверен, что я достаточно ясен ...

Answer 1

Используйте css следующим образом:

#header a{               /* link styles for header */
  color:#00ff00;
}

#footer a{               /* link styles for footer */
  color:#0000ff;
}

Замените имена идентификаторов своими собственными вместе со всеми стилями для ссылки.

Answer 2

Не уверен, правильно ли я вас понял, но я думаю, что вы пытаетесь адресовать якорь, который появляется в нижнем колонтитуле того же класса ?!Если так, то:

#menu_header_top_right a.mainlevel {
    ..
}

Answer 3

В вашем случае это выглядит так:

#menu_header_top_right a { /* styles here */ }

Это будет стиль любого <a> тега в этом <div id="menu_header_top_right ">, который, кажется, то, что вы ищете.