リストスタイリング問題

Question

私はスタイルに問題が最初のリストは、画像に置き換え取り除か弾丸を持っていることである4つの別々のリスト

<ul id="basic"> 
        <li>A</li> 
        <li>B</li> 
        <li>C</li> 
        <li>D</li> 
        <li>E</li> 
       </ul> 
<ul id="standard"> 
        <li>A</li> 
        <li>B</li> 
        <li>C</li> 
        <li>D</li> 
        <li>E</li> 
       </ul> 



<ul id="high"> 
        <li>A</li> 
        <li>B</li> 
        <li>C</li> 
        <li>D</li> 
        <li>E</li> 
       </ul> 



<ul id="premium"> 
        <li>A</li> 
        <li>B</li> 
        <li>C</li> 
        <li>D</li> 
        <li>E</li> 
       </ul> 

を以下のCSS

#basic li, #standard li, #premium li { 
padding-left: 30px; 
padding-top: 3px; 
padding-bottom: 5px; 
background-image: url(../assets/misc/blue_yes.png); 
background-repeat: no-repeat; 
background-position: 0 .5em; 
border-bottom: 1px dotted #CCC; 
} 
#high li { 
padding-left: 30px; 
padding-top: 3px; 
padding-bottom: 5px; 
background-image: url(../assets/misc/green_yes.png); 
background-repeat: no-repeat; 
background-position: 0 .5em; 
border-bottom: 1px dotted #CCC; 
} 

を使用しています。リスト2-4は弾丸の横に画像があります。どのように私は4つのリストのスタイルを同じにすることができますか？

Answer 1

ulのCSSコードにlist-style-type:noneを追加します。

編集： -addingコード

CSS：

#basic,#standard,#premium,#high,#basic li, #standard li, #premium li,#high li{ 
    margin: 0; 
    padding: 0; 
    border: 0; 
    vertical-align: baseline; 
} 
#basic,#standard,#premium,#high{ 
    list-style: none; 
} 

Answer 2

各リストにあなたのスタイリングを追加し、そのクラスのIDではなくCSSを追加してみてください。