0

次の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;
}

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>

問題は、最初のリストだけで箇条書きが削除され、画像に置き換えられていることです。リスト 2 ～ 4 には、箇条書きの横に画像があります。4 つすべてのリストを同じスタイルにするにはどうすればよいですか?

4

2 に答える 2

3

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

編集： - コードの追加

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;
}
于 2012-05-03T19:17:07.923 に答える
1

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

于 2012-05-03T19:17:02.380 に答える