用更少的东西扩展css

Question

我试图在glyphicon中根据bootstrap添加我自己较少的定义。所以我有这个.less文件：

/// <reference path="../Content/bootstrap.css" />

@import (reference) "../Content/bootstrap.css";

.status-ok-icon {
    .glyphicon;
    .glyphicon-ok;
    color: green;
}

但编译器输出返回：

.glyphicon is undefined on line 6 in file '/SiteCSS/client.less':
  [5]: .status-ok-icon {
  [6]:     .glyphicon;
       ----^
  [7]:     .glyphicon-ok;

任何人都可以帮我指出错误吗？我第一次使用较少的东西。