为什么我的小型字体变体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，在我应用于元素的两个类之间有或没有分隔逗号）

...并且在任何情况下文本都不显示在小写字母上。

我在做什么错？

它正在工作，你没有错。但它不可见，因为你有全部大写字母。

写：

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

2013-11-02 08:46:32 Hiral

不，那什么都不会做。您只需将实际字符更改为小写：[fiddle]（http://jsfiddle.net/lonesomeday/j5jtF/3/）。 – lonesomeday

@lonesomeday是的，我已经更新了答案。 – Hiral

[这可能会稍微复杂一点...]（http://thedailywtf.com/Articles/The_Complicator_0x27_s_Gloves.aspx） – lonesomeday

小型股意味着小写字母都变成大写字母稍小变化。大写字母保持不变。既然你只有大写字母，你没有看到任何区别。

尝试：

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

总体目标是，你写的HTML“正常”，并使用CSS来应用文本样式，包括在必要时uppercasing所有单词。

（附注：班级名单中没有逗号。）

2013-11-02 08:47:24 JJJ

回答