内联边距有效，但 CSS 无效？答案

【问题标题】：inline margin works but css doesn't?内联边距有效，但 CSS 无效？
【发布时间】：2016-01-30 05:28:13
【问题描述】：

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

 <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 也没有子弹，但仍然有缩进......为什么以及如何修复？我在任何地方都看不到语法错误。

【问题讨论】：

试试ul.nothing{list-style-type:none !important; margin-left:0 !important} 你可能有另一个CSS规则覆盖了这个。

标签： css html-lists margin

【解决方案1】：

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

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

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

Working Fiddle

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

*{
   padding:0;
   margin:0;
 }

Fiddle

【讨论】：

【解决方案2】：

它正在工作。这是代码

<html>
<head>
<title>Welcome !</title>

<style type="text/css">

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

   

</style>
</head>

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

</html>

这里我们使用内部 css，但是如果你使用外部 css 样式表，请注意你的路径

【讨论】：