html - 为什么我的小写字体字体变化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>

（瞧，在我应用于元素的两个类之间有或没有分隔逗号）
…在这两种情况下，文本都不以大写字母显示。
我做错什么了？

最佳答案

它起作用了，你没有错。但它不可见，因为你有所有的大写字母。
写下：

.beanies {
    font-variant: small-caps;
    text-transform: lowercase;
}
.beanies:first-letter {
    text-transform: uppercase;
}