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

Question

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

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

并分配到一旁，class = instruction。但它不起作用。我也尝试在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; 
}