如何覆盖全局样式表

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>

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

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

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

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

Answer 3

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

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

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

然后在HTML中:

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

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

ID