Html 为什么p{margin:0}在<；p>；包含在a<；部门>；？

在尝试减少两个p标记之间的空间时，我在html文件中执行了以下操作：

<div id="p1"> paragraph1 </p> </div>
<div id="p2"> paragraph2 </p> </div>

它不起作用。但是如果我将html文件中的内容更改为：

<p id="p1">   paragraph1 </p> 
<p id="p2">   paragraph2 </p>

---

在css中，id是用

定义的，标签和类是用

定义的，css部分中缺少

#p1{
   margin:0;
  }

#p2{
   margin:0;
  }

---

如果要格式化p标记，请使用

p {
   margin:0;
}

请注意：此原始答案参考了问题的早期版本，OP在写问题时犯了各种语法错误，后来被更正为打字错误

总结其他帖子中提出的优秀观点和对该问题的评论：

1） 您没有在CSS中寻址Id标记。请注意页面上元素、类和ID的不同CSS引用类型：

p1{
   /* This effects (ALL) elements on a page such as <p1></p1> */  
   margin:0;
  }
.p1{
   /* This effects classes only such as <p class='p1'></p> */
   margin:0;
  }
#p1{
   /* This effects id tagged elements such as <p id='p1'></p> */
   margin:0;
  }

HTML:

第1段

请注意，这是一个

---

对于CSS中的

p1

，您是指

#p1

？另外，不要嵌套

标记欢迎使用堆栈溢出！投票结束，因为该问题是由无法再复制的问题或简单的印刷错误引起的。虽然类似的问题可能在这里讨论，但这一问题的解决方式不太可能帮助未来的读者。@Paulie_D我也这么认为。。。。但有必要向OP解释一下他们的排版错误是什么，如果有重复的话。。。。（这只是一个简单的错误，因为我们知道）@Raptor这是一个打字错误。在最初的css文件中，我编写了#p1而不是p1，这就是第二种方法工作的原因。

paragraph1

您的语法错误。你不应该关闭一个未打开的

，你能告诉我们你的HTML代码上到底是什么吗？当你不断更改你的问题代码时，这就像移动目标栏让人们回答一样！我正要评论同样的事情。这将影响所有的

标记。因此，这不是一个好的答案，因为OP只想影响特定的元素。在观看此视频后，我遇到了这个问题：。在这段youtube视频中，他将ID包含在div容器中。但是您说过不应该在div容器中设置id。那么，他是不是把视频弄错了？我在你提供的youtube链接上根本看不到你问题中的代码。虽然你可以在12分钟内掌握CSS的基本知识，但你会遇到很多问题，比如你的问题，因为你需要学习更多的结构@KGalaxy

#p1{
   margin:0;
  }

#p2{
   margin:0;
  }

p {
   margin:0;
}

p1{
   /* This effects (ALL) elements on a page such as <p1></p1> */  
   margin:0;
  }
.p1{
   /* This effects classes only such as <p class='p1'></p> */
   margin:0;
  }
#p1{
   /* This effects id tagged elements such as <p id='p1'></p> */
   margin:0;
  }

<p id="p2">  <p> paragraph2 </p>

#p1 {
    margin:0; 
}

  <div> <p id="p1"> paragraph1 </p> </div>