我是Wordpress和CSS+HTML样式的新手,顺便说一句,我有一个Wordpress主题(Sportexx),我想用纯HTML和CSS制作自己的菜单。多亏了视觉编辑器,我在页面上添加了以下代码:
<div id = "menutop">
<ul>
<li><a href="#">Home</li>
<li><a href="#">Home</li>
<li><a href="#">Home</li>
<li><a href="#">Home</li>
<li><a href="#">Home</li>
</ul>
</div>
我还在我的孩子主题中的style.css中添加了这段代码(应该删除项目符号):
#menutop ul {list-style-type: none;}
但我仍然看到列表中的项目符号。我做错了什么?
这似乎对我有效:
<html>
<head>
<title>Test</title>
</head>
<style>
#menutop ul {list-style-type: none;}
</style>
<body>
<div id = "menutop">
<ul>
<li><a href="#">Home</li>
<li><a href="#">Home</li>
<li><a href="#">Home</li>
<li><a href="#">Home</li>
<li><a href="#">Home</li>
</ul>
</div>
</body>
我同意@GOB在上面的评论。试着在FireFox中安装FireBug,在那里你可以看到你的CSS是否被覆盖。
我只是把它放在父的style.css中,所以现在我将坚持这个解决方案。