css - UL 清单样式不适用

Question

我有一个样式表，无论出于何种原因，它都不会将 list-style-type 应用于 UL 元素。我正在使用 YUI 的 Grid CSS 和他们的 reset-fonts-grid.css 文件，我知道作为 CSS 重置的一部分将其剥离。

调用 YUI 后，我调用了网站的样式表，其中有一个 UL 块：

ul {list-style-type: disc;}

我也尝试通过列表样式设置它，但得到相同的结果。我知道上面的 CSS 块正在被读取，就好像我添加了填充或边距之类的东西，它们确实被应用了。样式类型没有出现在 Firefox 或 IE 中。

我应用于 UL 的唯一其他 CSS 是在 #nav div 中，但 CSS 不涉及 list-style-type，它使用 YUI 提供的重置，YUI 和站点样式表是仅有的两个 CSS被调用的工作表。

我在网站的管理端也有 FCKEditor，该编辑器确实显示了项目符号样式，所以我知道它必须是 FCKEditor 没有过滤的 CSS 的东西。

score 165 · Accepted Answer

您需要在 CSS 中包含以下内容：

li { display: list-item; }

这会触发 Firefox 显示光盘。

score 43 · Accepted Answer

如果您使用的 reset.css 使所有边距为空，您还可以提供左边距：这意味着：

li {
list-style: disc outside none;
display: list-item;
margin-left: 1em;
}

假设您在重置后应用此 css ，它应该可以工作！

马修·里考

score 28 · Accepted Answer

如果我没记错的话，您应该将此规则应用于 li，而不是 ul。

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

score 23 · Accepted Answer

我遇到了这个问题，结果发现我在 ul 上没有任何填充，这阻止了光盘可见。

保证金也与此混淆

score 17 · Accepted Answer

此问题是由在父类li display中设置的属性引起的。block覆盖list-item解决了问题。

score 15 · Accepted Answer

15

确保没有overflow: hidden应用“li”。

于 2011-02-01T08:40:05.980 回答

score 6 · Accepted Answer

我的reset.css是margin: 0, padding: 0。经过几个小时的查找和故障排除后，这有效：

li {
    list-style: disc outside none;
    margin-left: 1em;
}

ul {
    margin: 1em;
}

score 4 · Accepted Answer

4

我遇到了这个问题，结果发现我在 ul 上没有任何填充，这阻止了光盘可见。

于 2012-04-25T10:56:09.090 回答

score 1 · Accepted Answer

您是否尝试过使用 !important 遵循规则？
FireBug 显示哪个样式表对元素具有最后控制权？
这是生活在其他人可以观看的地方吗？

更新

我相当有信心提供代码示例将帮助您更快地获得解决方案。如果您可以在某处上传此问题的示例，或提供标记以便我们可以在本地主机上对其进行测试，那么您将有更好的机会获得一些有价值的输入。

问题的问题在于它们会导致其他人相信提出问题的人有足够的知识来提出问题。在编程中并非总是如此。可能有一些你错过的东西，或者不小心漏掉了。如果其他人没有看到你的代码，他们就不得不假设你什么都没有错过，也没有忽略任何东西。

score 1 · Accepted Answer

我所能想到的就是事后有什么东西压倒了它。

您首先包括重置样式，对吗？

score 1 · Accepted Answer

在 IE 中，我只使用一个类“normal_ol”来设置 ol 列表的样式，并进行了一些修改，如下所示：

之前的代码： ol.normal_ol { float:left; 填充：0 0 0 25px；边距：0；width:500px;} ol.normal_ol li{ font:normal 13px/20px Arial; 颜色：#4D4E53；向左飘浮; 宽度：100%；}

修改代码： ol.normal_ol { float:left; 填充：0 0 0 25px；margin:0;} ol.normal_ol li{ 字体:normal 13px/20px Arial; 颜色：#4D4E53；}

score 0 · Accepted Answer

事实证明，YUI 的重置 CSS 从“ul li”而不是“ul”中删除了列表样式，这就是为什么在“ul”中设置它从来没有奏效。

score 0 · Accepted Answer

你所要做的就是将这个类添加到你的 CSS 中。

.ul-no-style { list-style: none; padding: 0; margin: 0; }

包括设置为 0 的内边距和边距。

score 0 · Accepted Answer

确保您没有在li标签中设置显示属性，在我的情况下，由于某种原因display: flex，我的标签上有一个属性。li

score 0 · Accepted Answer

0

请使用内联 CSS

<li style="disply:list-item">my li content </li>

于 2021-02-01T15:57:32.867 回答

css - UL 清单样式不适用

15 回答 15

更新

Related

Reference