无法在 <div> Wordpress 中使用 CSS 修改我的?



我是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中,所以现在我将坚持这个解决方案。

最新更新