CSS <li>的填充和边距根本就不起作用

use*_*669 1 css inheritance margin padding

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

我不知道从哪里继承这个,以及为什么我写作

{
margin: 5px;
padding: 5px;
}
Run Code Online (Sandbox Code Playgroud)

什么也没做!

这是一个网站,我指的是一个非常丑陋,明亮的绿色元素,类别为".wiffleMainNav ul li".

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

非常感谢!

氮杂

Mar*_*rko 6

您的定义中有逗号.

改变这个

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

对此

.wiffleMainNav ul li {
    display: block;
    float: left;
    padding: 5px; /* FIXED */
    margin: 0px 2px;
    background: green;
}
Run Code Online (Sandbox Code Playgroud)