如何將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; 
}