css - bootstrap如何继承font-size-small变量？

Question

我有一个使用 Twitter Bootstrap 并允许用户选择首选 Bootswatch 主题的 PHP 应用程序。在应用程序中，有一个 PHP 类来构建一个数据网格（table thead tbody tfoot），但是内部的<td>元素被插入到了<small>，然后删除了<small>并决定使用 CSS。

td { font-size:0.85em; vertical-align: middle !important; }

但是，几个 Bootswatch 主题使用了一个较小的变量@font-size-small，我希望我的数据网格重用这个变量，换句话说，当用户选择一个 Bootswatch 主题时，数据网格的字体大小会根据主题进行调整并且没有明确定义font-size:0.85em;

谢谢！

Answer 1

您有一些方法可以做到这一点，其中之一是在正文或容器中指定一个类来更改所选主题的样式。

像这样：

body.theme1 {
  font-size: 0.85em;
}

body.theme2 {
  font-size: 1.25em;
}

或在 LESS/SASS 中：

body.theme1 {
  font-size: @font-size-small;
}

body.theme2 {
  font-size: @font-size-small-theme2;
}