使用相同的代码但不同的结果(css,css3)

时间:2014-04-08 08:50:00

标签: css css3

以下是需要的外观http://fiddle.jshell.net/2tWb6/27/show/

这是源代码http://fiddle.jshell.net/2tWb6/27/

以下是相同的代码,但看起来不同http://fiddle.jshell.net/g8sSh/show/

这里是相同的代码来源http://fiddle.jshell.net/g8sSh/

哪里可以出问题?胖点,为什么可见:-(

4 个答案:

答案 0 :(得分:1)

只需将list-style:none;添加到您的LI,而不仅仅是您的

答案 1 :(得分:1)

这些要点是因为您使用的是无序列表,您可以将css应用于该列表以删除它们:

ul#download_j {
 list-style: none;
}

你的小提琴中的问题是你在ul和那个ul的id之间有一个空格。删除它然后它没事。

编辑:在ul和#download_j之间加一个空格,注意到id为download_j的容器在ul里面。

答案 2 :(得分:1)

在Bullets的示例中,在JSFiddle的左栏中,“fiddle Option”下没有选中“Normalized CSS”: - )

这是(显然)相同代码的不同行为的原因。

答案 3 :(得分:1)

<ul id="download_j">不会选择

#download_j ul。它正在ul内寻找#download_j

将选择器更改为ul#download_j,一切正常。