Question

我创建了一个包含静态内容的网页。我的样式在Internet Explorer中加载，但未在Safari和Mozilla中加载。

HTML中的CSS参考链接是：

<link rel="stylesheet" type="text/css" href="/stylesheets/style.css">

CSS是：

.linkText{
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 9 pt;
font-weight: normal;
font-style: normal;
color: #015C28;
text-decoration: none;
}

代码：

<td bgcolor="#ffffff" width="25%"> <a href="../serverName/xxxxxx.html">
<strong class="linkText"><b>Winback Offers</b></strong></a></td>

请告诉我。

Answer 1

您需要将类添加到标记中。与<a class="linkText" href=""></a>一样。

此外，我已经看到添加的CSS颜色不正确。像##015C28一样。有两个哈希存在。

Answer 2

除了使用HTML属性的内联样式（这是一个可怕的想法）...

首先，在font-size: 9 pt;
其次，删除color: ##015C28;

P.S。为什么<b>内有<strong> ???这就像对浏览器说“我想要你能给我的最大胆的MF文本”。不好，伙计，不好。

Answer 3

您应该减少标签数量：

<td bgcolor="#ffffff" width="25%"> 
  <a href="../serverName/xxxxxx.html" class="linkText">
     Winback Offers
  </a>
</td>

然后将CSS中的拼写错误更正为：

.linkText{
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  font-style: normal;
  color: #015C28;
  text-decoration: none;
}

你做了

在颜色代码前面使用两个#
在9及其单位pt

您的输出将与此fiddle中的输出类似。

Answer 4

你没有给你的HTML类......

HTML应该是..

<td bgcolor="#ffffff" width="25%" class="linkText"> <a href="../serverName/xxxxxx.html">Winback Offers</a>

Answer 5

这是因为你在无效的锚标记内给出了类试试这个，这将有效

<style type="text/css">
.linkText a{
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9 pt;
    font-weight: normal;
    font-style: normal;
    color: #015C28;
    text-decoration: none;
}
</style>
<td bgcolor="#ffffff" width="25%">
<span class="linkText">
    <a href="../serverName/xxxxxx.html">Winback Offers</a>
</span>
</td>

在Mozilla / Firefox中没有加载CSS

5 个答案: