CSS的内边距和边距根本不工作

Question

我正在这个网站上工作，并且我有一个相当大的 .css 文档。由于某种原因，我无法让这些列表项具有 0px 以外的任何内容的填充或边距。

我不知道它可能是从哪里继承的，也不知道为什么我的写作

{
margin: 5px;
padding: 5px;
}

没有任何作用！

这是站点，我指的是一个非常难看的、亮绿色的元素，其类为“.wiffleMainNav ul”李。”

CSS 规则位于链接样式表的底部。

非常感谢！

-阿扎

Answer 1

你的定义中有一个逗号。

更改此

.wiffleMainNav ul li {
    display: block;
    float: left;
    padding: 5px, /* PROBLEM! :) */
    margin: 0px 2px;
    background: green;
}

为此

.wiffleMainNav ul li {
    display: block;
    float: left;
    padding: 5px; /* FIXED */
    margin: 0px 2px;
    background: green;
}

Answer 2

填充行末尾有一个逗号：

padding: 5px,
margin: 0px 2px;

Answer 3

你的CSS使用这个：

.wiffleMainNav ul li {
显示：块；
浮动：向左；
内边距：5px，
边距：0 像素 2 像素；
背景：绿色；
请

注意“padding: 5px”后面的逗号而不是分号。