この記事は、firefoxブラウザで表示してください
- Twenty ten
- Twenty twelve
- Twenty thirteen
HTML
<span class="firefox-only rd-alert-bg pad-s corner">この記事は、firefoxブラウザで表示してください</span> <ul> <li class="items">Twenty ten</li> <li class="items">Twenty twelve</li> <li class="items">Twenty thirteen</li> </ul>
CSS3
@raindrops .firefox .entry-content .firefox-only{
display:none;
}
@counter-style circled-alpha {
system: fixed;
symbols: Ⓐ Ⓑ Ⓒ Ⓓ Ⓔ Ⓕ Ⓖ Ⓗ Ⓘ Ⓙ Ⓚ Ⓛ Ⓜ Ⓝ Ⓞ Ⓟ Ⓠ Ⓡ Ⓢ Ⓣ Ⓤ Ⓥ Ⓦ Ⓧ Ⓨ Ⓩ;
suffix: " ";
}
.items {
list-style: circled-alpha;
font-size:1.4em;
}