如何覆盖全局样式表

Question

简而言之，有一个全局样式表：

a { font-family: Arial; }

我想为特定链接使用不同的字体系列：

<a href="..." style="font-family: Helvetica;">...</a>

要么

<span style="font-family: Helvetica;"><a href="...">...</a></span>

但没有任何作用。 是否有捷径可寻？

PS我是动态的（通过PHP）为不同的链接分配不同的字体，因此创建一个特殊的类不是一个选项。

Answer 1

除非你有一个名为Helvetica的特定字体，否则你应该意识到在某些平台上（例如Windows，通过FontSubstitutes ），Helvetica是别名的Arial。 这可能是问题的根源。 尝试另一种字体，看看。

Answer 2

你的第一次尝试

  <a href="..." style="font-family: Helvetica;">...</a>

应该有用。 同意你可能错过了一种字体。 内联样式优先于用户定义样式表旁边的任何其他样式。 以下是样式定义的优先顺序：

1. 用户定义的样式
2. 嵌入式或内联样式表
3. 内部样式表
4. 外部样式表
5. 浏览器默认样式

在样式表中，优先级如下：

1. 任何标记的东西！重要的

2. ID

3. 。类
4. 元件

此外，你有更大的特殊性规则： div a覆盖a 。

这是一篇很好的文章，详细介绍了这个主题 。

@Kip的建议是你最好的选择。

Answer 3

除非问题是克里斯指出的，否则你所写的内容应该有效。

当你得到一对正常工作的字体时，你可能会认为更好的方法是为特殊链接声明一个类，以某种方式提醒自己为什么需要一个单独的字体（也许是因为你想要它们）要特别注意？）

a { font-family: Arial; }
a .noticed { font-family: Helvetica; }

然后在HTML中：

<a class="noticed" href="...">...</a>

通过在链接周围创建一个span标签来更改字体，或者为链接添加内联样式只是过去的<font>标签。

Answer 4

元素样式覆盖全局样式，所以Chris Jester-Young可能是正确的，你实际上并没有Helvetica字体; 尝试不同的字体，例如Courier或Times New Roman，你肯定存在