唯一文字而不是數字

Question

如何將數字替換爲我的獨特文字？讓我們說，而不是1.，2.，3.我想把布拉，布拉布拉，布拉布拉。

http://i.stack.imgur.com/kf0p4.jpg

<style> 
#menu2 { 
width: 320px; 
} 
#menu2 ol { 
font-style: talic; 
font-family: Georgia, serif; 
font-size: 24px; 
color: #bfe1f1; 
} 
#menu2 ol li p { 
padding:8px; 
font-style: normal; 
font-family: Arial; 
font-size: 13px; 
color: #eee; 
text-align:left; 
border-left: 1px solid #999; 
} 
#menu2 ol li p em { 
display: block; 
} 
</style> 
<div id="menu2"> 
<ol> 
    <li><p><em>Jeden</em> Sed diam eu dui dolor, porttitor laoreet fermentum. Morbi laoreet, enim aliquam convallis. Donec ullamcorper, augue euismod convallis nisl. Etiam dictum sit amet tempus arcu.</p></li> 
    <li><p><em>Dwa</em> Sed diam eu dui dolor, porttitor laoreet fermentum. Morbi laoreet, enim aliquam convallis. Donec ullamcorper, augue euismod convallis nisl. Etiam dictum sit amet tempus arcu.</p></li> 
    <li><p><em>Trzy</em> Sed diam eu dui dolor, porttitor laoreet fermentum. Morbi laoreet, enim aliquam convallis. Donec ullamcorper, augue euismod convallis nisl. Etiam dictum sit amet tempus arcu.</p></li> 
    <li><p><em>Cztery</em> Sed diam eu dui dolor, porttitor laoreet fermentum. Morbi laoreet, enim aliquam convallis. Donec ullamcorper, augue euismod convallis nisl. Etiam dictum sit amet tempus arcu.</p></li> 
</ol> 
</div> 

Answer 1

這是一個小的hackish ..

如果要替換任何你想要的數字，你就開始通過刪除列表樣式類型。

ul { 
    list-style-type: none; 
} 

接下來，使用:before僞，與:nth-child沿目標的標記。其中content: " "是列表項前的文本。

li:before { 
    content: "ugh"; 
    padding-right:10px; 
} 
li:nth-child(2):before { 
    content:"blah"; 
} 
li:nth-child(3):before { 
    content:"foo"; 
} 

jsFiddle here.