多个元素的CSS列表

Question

我有一个页面，我想使用不同的 <ul>和 <li>不同元素的设置，但我不确定如何设置。

在示例“A”中，缩进/元素符号无法正常工作，但图像缩进是:

布局“A”的 Css 在这里:

ul.list{
    margin-left: 20px;
    padding: 0px 20px 0px 0px;
    color:#fff;
}

在示例“B”中，缩进/元素符号工作正常，但图像缩进正常。

布局“B”的 CSS 在这里:

ul.list{
    margin-left: 20px;
    padding: 0px 20px 0px 0px;
    color:#fff;
}
ul {
    text-indent:0px; 
    padding-left:15px;
}

我想为文本内容设置一个不同于图形内容的 CSS 值。

Answer 1

特异性是你的 friend 。如果您有两个元素想要不同的样式，则需要单独定位它们。最简单的方法是使用 ID。