如何覆盖全局样式表

简而言之,有一个全局样式表:

a { font-family: Arial; }

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

...

要么

...

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

PS我是动态的(通过PHP)为不同的链接分配不同的字体,因此创建一个特殊的类不是一个选项.

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

你的第一次尝试

  ...

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

用户定义的样式

嵌入式或内联样式表

内部样式表

外部样式表

浏览器默认样式

在样式表中,优先级如下:

任何标记的东西!重要的

ID

.类

元件

此外,您还有更具体的规则:div a覆盖a.

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

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

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

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

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

然后在HTML中:

...

通过在链接周围创建一个span标记来更改字体,或者为链接添加内联样式只是标记旧时代的标记.