2014-04-02 71 views
0

CSS新手。我試圖創建一個級聯子彈。原來,li的樣式,ul被一些css文件覆蓋,我不得不手動添加style="list-style-type: disc;"來取回子彈。 但是,以下HTML代碼不會生成帶有標識的嵌套項目符號。HTML列表格式化

this is an example 
    <ul> 
     <li style="list-style-type: disc;"> this 1 
      <ul> 
       <li style="list-style-type: disc;"> this is 1.1</li> 
       <li style="list-style-type: disc;"> this is 1.2</li> 
      </ul> 
     </li> 

    </ul> 

這裏是它看起來在我的瀏覽器

enter image description here

不知道如何運用正確的方式在UL和李元素,使縮進嵌套列表?

在此先感謝。

+0

對我來說沒問題http://jsbin.com/wodikate/1/edit ...問題出在別的地方......你會添加整個代碼嗎? – Kiyarash

+0

很好[** here **](http://jsfiddle.net/ZFKjj/)。你的其他'css'代碼可能會覆蓋它。 – Baby

回答

2

檢查這個例子中,我已非常接近,你的情況:

http://jsfiddle.net/MUNP9/

的想法是,在頁面的一些CSS是壓倒嵌套ul的默認padding-left。您可以重新覆蓋它。

像:

ul ul { 
    padding-left: 40px; 
} 

而且,你不需要申請內嵌樣式,只需使用CSS類。

+0

謝謝,它幫助! – packetie

+0

以前的評論似乎沒有成功,這裏是一次。謝謝!它有幫助。 – packetie