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值。为什么字体大小不会像CSS中定义的那样显示为18px高？

编辑：

我想为大多数超链接创建一个CSS样式。我相信这是通过以下方式实现的：链接

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

问题
a：链接是否存在：style1？它似乎是：链接覆盖了样式。

回答
a：链接覆盖任何a.pseudo-class。对于多个样式，使用：link，然后其他超链接样式需要'.classname a：link'这可以使用[span class ='classname']在HTML中实现。

Answer 1

你试过吗

.tag18 {font-size:18px;}

最好不要重复CSS指令，让它们级联。这意味着，如果.tag18将是一个特定的系列字体和大小，只需将其设置在.tag18中，并使用文本修饰，颜色等进行徘徊

Answer 2

在定义：hover和：active

之前，必须先定义：link和：visited伪类

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

只需移动你的风格声明，你就会很好

Answer 3

您是否尝试过使用Firebug进行测试？

http://getfirebug.com/

安装完成后，您可以检查该元素，它将显示适用于它的CSS选择器，包括哪些覆盖父声明。我发现它有助于很多。

简单的CSS问题

3 个答案: