1

我正在使用 css 重置，但是我想要一个列表样式类型的列表。我该怎么做，规范化总是在重置我的样式。

js 菲德尔代码

在 css 的末尾，我试图按类设置列表的样式，但它不起作用。

HTML

    <ul class="disc">
                        <li>You can draw!</li>
                        <li>You can drag&drop Images!</li>
                        <li>You can add text labels!</li>
                    </ul>

css

.disc:li{
    list-style-type: disc;
}

.disc:ul{
    list-style-type: disc;
}
4

3 回答 3

2

您正在使用无效的 CSS。
您应该只使用以下内容：

ul.disc { 
  list-style: disc;
}
于 2013-06-03T00:50:09.410 回答
2

您还需要恢复原始填充以显示这些标记。例如：

ul.disc {
    list-style: disc;
    padding-left: 40px;
}

小提琴。

这条规则的应用与reset规则是应用在它之上还是之下无关，因为它比规则更具体（元素选择器 + 类）reset（从没有类，只有元素选择器 + 属性选择器）。

于 2013-06-03T00:57:04.843 回答
1

您需要覆盖重置。您的代码中有错误。应该是这个

.disc li{
    list-style-type: disc;
}

或这个

.disc {
    list-style-type: disc;
}

（您可能不需要两者，但这取决于重置。）

如果上述方法不起作用，则规则需要更具体，例如添加一个额外的类或此列表出现的容器的 ID。

于 2013-06-03T00:50:13.363 回答