css - 内联边距有效但 css 不？

Question

我正在制作一个没有样式的无序列表:

 <ul style="margin-left:0; list-style-type:none">
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>

我正在尝试用 css 做，所以代码是

 <ul class="nothing">
      <li>1</li>
      <li>2</li>
      <li>3</li>
    </ul>

使用 CSS:

 ul.nothing{list-style-type:none; margin-left:0}

所以内联样式没有元素符号也没有边距。 css 也没有元素符号，但仍然有缩进...为什么以及如何修复？我在任何地方都看不到语法错误。

Answer 1

将 padding: 0; 添加到 ul.nothing 即可。

ul.nothing
{
 list-style-type:none;
 margin-left:0;
 padding: 0;
}

它将删除默认占用的填充。

Working Fiddle

并使用以下内容删除浏览器的默认填充和边距。那么就不用在ul.nothing

中写 padding:0了

*{
   padding:0;
   margin:0;
 }

Fiddle