html - 简单的 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>

问。为什么字体大小不显示为 CSS 中定义的 18 像素高？

编辑:

我想为大多数超链接创建一种 CSS 样式。我相信这是通过 a:link 实现的

对于其他样式，您可以创建 .style1 ...

问题
a:link 可以与 a:style1 一起存在吗？看来 a:link 覆盖了样式。

回答
a:link 会覆盖任何 a.pseudo-class。对于多种样式，请使用 a:link，然后附加的超链接样式需要 ' .classname a:link ' 这可以在 HTML 中使用 [ span class = 'classname' ] 来实现。

Answer 1

你试过吗

.tag18 {font-size:18px;}

最好不要重复CSS指令，让它们层叠。意思是，如果 .tag18 将采用某种系列字体和大小，只需将其设置在 .tag18 中并使用文本装饰、颜色等进行悬停