UL列表样式不适用

我有一个样式表不会出于什么原因将列表样式应用到UL元素。 我正在使用YUI的Grid CSS和他们的reset-fonts-grid.css文件,我知道这些文件是CSS重置的一部分。

打电话给YUI之后,我打电话给网站的样式表,里面有一个UL块:

ul {list-style-type: disc;} 

我也尝试通过列表式设置它,但得到相同的结果。 我知道上面的CSS块正在阅读,就像我添加的东西,如填充或边距那些得到应用。 风格types不显示在Firefox或IE中。

我唯一应用于UL的其他CSS都是在#nav div中,但CSS不会触及list-style-type,它使用YUI提供的重置,YUI和站点样式表是唯一的两个CSS被称为的表单。

我也在网站的pipe理端使用了FCKEditor,而且编辑器确实显示了子弹风格,所以我知道它必须是未被FCKEditor过滤的CSS。

如果我没有弄错,你应该把这个规则应用到李,而不是ul。

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

你需要在你的CSS中包含以下内容:

li { display: list-item; }

这会触发Firefox显示光盘。

你也可以给一个左边距,如果你正在使用的reset.css使所有边距为空:这意味着:

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

假设你在复位应用这个CSS,它应该工作!

Matthieu Ricaud

我有这个问题,事实certificate,我没有任何填充的UL,这是阻止光盘不可见。

保证金也与此混淆

这个问题是由于li display属性被设置为在父类中block引起的。 重写list-item解决了这个问题。

确保'li'没有overflow: hidden应用。

我有这个问题,事实certificate,我没有任何填充的UL,这是阻止光盘不可见。

  • 你有没有尝试遵循!重要的规则?
  • FireBug显示哪个样式表最后一个控制元素?
  • 这是否住在别人的地方?

更新

我相当确信,提供代码示例可以帮助您更快地获得解决scheme。 如果您可以在某处上传此问题的示例,或提供标记以便我们可以在本地主机上进行testing,则您将有更好的机会获得一些有价值的input。

问题的问题在于,他们引导他人相信提问的人有足够的知识来问这个问题。 在编程中并不总是如此。 有可能是你错过了一些东西,或是不小心摔了一跤。 如果没有人注意你的代码,他们不得不假定你没有遗漏任何东西,也没有忽略任何东西。

我所能想到的是之后有些东西超出了这个范围。

首先包括重置样式,对吧?

在IE中,我只是使用类“normal_ol”来devise一个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 {font:normal 13px / 20px Arial; 颜色:#4D4E53; }

事实certificate,YUI的重置CSS从“ul li”而不是“ul”中删除列表样式,这就是为什么仅仅在'ul'中设置它永远不能工作的原因。

我的reset.cssmargin: 0, padding: 0 。 经过几个小时的查找和解决这个工作:

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