如何将CSS属性分配给旁边标记

Question

我正在尝试更改旁边标记的字体系列。我在我的css文件中创建了以下部分 -

.instruction {
    color: brown;
    font: verdana;
}

并指派一边，class =指令。但它不起作用。我也试过使用旁边作为CSS中的元素来分配像 asign {property：value;}，但没有效果。

但如果我只使用颜色属性，那么它可以工作。那么将字体系列和相关属性分配给旁边标签有什么问题吗？我正在使用Chrome 28。

Answer 1

使用font-family: verdana;代替font: verdana，当您使用font速记属性时，请注意以下顺序：

1. font-style
2. font-variant
3. font-weight
4. font-size/line-height
5. font-family

而且你也不能在速记方法中只应用一个值。对于字体，它应该至少有两个值，例如。 font-siz和font-family

image source

Answer 2

使用font简写时，您必须指定至少一个font-family和一个font-size - 不只是一个或另一个 - 例外情况是在使用时系统字体 - 例如font: menu;

另请注意，font-family属性必须出现在font-size之后。

.instruction {
    color: brown;
    font: 1em verdana;
}

http://jsfiddle.net/GRBRU/

Answer 3

无论

{
  font-family: Verdana;
  font-size: 13px;
  font-weight: bold;
}

或者：

{
  font: 13px bold Verdana;
}