我正在研究一个主题,可以在http://flexibletheme.tumblr.com/看到代码(现在不太多),我无法用任何CSS代码定位列表项。
只有在我使用时才有效:
ul {list-style:none; }
这针对所有无序列表,但我只想定位#followed DIV。下面是受影响区域的图像,标题为“我关注的人”。
编辑:看来我也无法定位DIV。
答案 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;
}
祝你好运!