CSS的填充和边距<li>根本就不工作</li>

Question

我正在这个网站上工作，我有一个非常大的.css文档。出于某种原因，我不能让这些列表项具有除0px之外的任何填充或边距。

我不知道从哪里继承这个，为什么我要写

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

什么都不做！

这是site，我指的是一个非常丑陋，鲜绿色的元素，类为“.wiffleMainNav ul li。”

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，     保证金：0px 2px;     背景：绿色; }

注意“填充：5px”之后的逗号而不是分号。