爲什麼我的小型字體變體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

回答