Простой вопрос CSS

Question

Вот CSS

.box {
    background-color: #CCCCCC;
}
.box-title {
    font-size: small;
    font-weight: bold;
    color: #000000;
    background-image: url(/icons/bg.png);
    background-repeat: repeat-x;
}
.box-content-container {
    background-color: #FFFFFF;
}

a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
color: #000000;
}
a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
color: #000000;
}
a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: underline;
color: #000000;
}
a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
color: #000000;
} 

a.tag18:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
}
a.tag18:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    text-decoration: underline;
}
a.tag18:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
}
a.tag18:active {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
}

И HTML

<table width="100%"  border="0" align="center" cellpadding="0" cellspacing="1" class="box">
  <tr>
    <th class="box-title-header" scope="col">Categories </th>
  </tr>
  <tr>
    <td class="box-content-container">
        <div align="center">
        <a class="tag18" href="http://www.site.com">Category 1</a>    
        </div>
        <p>&nbsp;</p>
    </td>
  </tr>
</table>

Q.Почему размер шрифта не отображается как 18px, как определено в CSS?

РЕДАКТИРОВАТЬ:

Я хотел бы создать один стиль CSS длябольшинство гиперссылок.Я считаю, что это достигается с помощью: ссылка

Для дополнительных стилей вы можете создать .style1 ...

Вопрос Может ли ссылка: существовать с: style1?Кажется, что ссылка переопределяет стиль.

Ответ a: ссылка переопределяет любой a.pseudo-класс.Для нескольких стилей используйте a: link, тогда для дополнительных стилей гиперссылки требуется '.classname a: link'. Это может быть достигнуто в HTML с помощью [span class = 'classname'].

Answer 1

Вы пробовали

.tag18 {font-size:18px;}

Лучше не повторять CSS-директивы, пусть они каскадные.Это означает, что если .tag18 будет шрифтом и размером определенного семейства, просто установите его внутри .tag18 и сделайте ваши наведения с помощью текстового оформления, цвета и т. Д.

Answer 2

Псевдоклассы: link и :ited должны быть определены до того, как вы определите: hover и: active

http://www.w3schools.com/CSS/css_pseudo_classes.asp

Просто переместите декларации стиля, и выхороший

Answer 3

Вы пробовали протестировать его с Firebug?

http://getfirebug.com/

После установки вы можете проверить элемент, и он покажет вам CSS-селекторы, которые применяются к нему, включая те, которые переопределяют родительские объявления.Я нашел, что это помогает много .