无法使用CSS在DIV中定位ul项目

时间:2011-10-23 07:08:17

标签: html css

我正在研究一个主题,可以在http://flexibletheme.tumblr.com/看到代码(现在不太多),我无法用任何CSS代码定位列表项。

只有在我使用时才有效:


ul {list-style:none; }

这针对所有无序列表,但我只想定位#followed DIV。下面是受影响区域的图像,标题为“我关注的人”。

编辑:看来我也无法定位DIV。


image of list problem

3 个答案:

答案 0 :(得分:3)

你的CSS很好,而div#followed ul li { list-style-type: none; }应该可以解决问题。但是,您的结束标记不匹配。您打开div,打开ul,然后关闭div,然后关闭ul。这是无效的标记,可能是浏览器与正确元素不匹配的原因。此外,您在div中错过了一个开头的引号,其中ID为“follow”。请尝试使用此代码,它对我有用:

<div id="followed">
<ul>

        <li>
            <img src="http://30.media.tumblr.com/avatar_eaa1e0c62645_48.png"/>
            <a href="http://firstbook.tumblr.com/">firstbook</a>
        </li>

        <li>
            <img src="http://29.media.tumblr.com/avatar_a8edff4a4450_48.png"/>
            <a href="http://doctorswithoutborders.tumblr.com/">doctorswithoutborders</a>
        </li>

</ul>
</div>

将来,您可以通过更加小心来解决这些问题。此外,W3C Validator是查找无效标记的有用工具。

答案 1 :(得分:0)

当我将Zach的CSS规则添加到内联CSS的底部时,它似乎可以工作(删除子弹)。我会评论,但我还没有足够的声誉......

答案 2 :(得分:0)

您无法定位div,因为语法错误! <div id="followed"">末尾有双引号“” Zach Rattner实际上是对的,只需使用

#followed ul {
    list-style-type:none;
}
祝你好运!