列表样式问题

Question

我正在使用以下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;
}

设置四个单独列表的样式

<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 在项目符号旁边有图像。如何让所有四肢列表的样式相同？

Answer 1

将list-style-type:none添加到 ul 的 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;
}

Answer 2

尝试将一个类添加到样式的每个列表中，并为该类添加 css 而不是 ID。