为什么我的小型大写字体变体 CSS 类被忽略？

我添加了这个 CSS 类：

.beanies {
    font-variant: small-caps;
}

我从几个地方调用它，再加上另一个类，以这种方式尝试：

<p class="coolPools beanies">LICENSE #764014</p>

...和这个：

<h3 class="statelyPresence, beanies">NEW POOL LAW REQUIRES IMMEDIATE ACTION AT ALL APARTMENT AND CONDOMINIUM POOLS AND SPAS</h3>

（IOW，我应用于元素的两个类之间有或没有分隔逗号）

...并且在这两种情况下，文本都不会以小写字母显示。

我究竟做错了什么？

小写字母意味着小写字母变成稍小的大写字母变体。大写字母保持不变。由于只有大写字母，因此看不到任何区别。

Try:

<h3 class="statelyPresence beanies">New pool law requires immediate action at all apartment and condominium pools and spas</h3>

Demo: http://jsfiddle.net/Mn48Q/ http://jsfiddle.net/Mn48Q/

一般来说，目标是“正常”编写 HTML 并使用 CSS 应用文本样式，包括在必要时将所有单词大写。

（旁注：类列表中没有逗号。）