我的CSS代码似乎继承了第一个选项

Question

由于某种原因，我的#login字段集中的填充不适用。知道为什么吗？

的login.html

<div id="login">

  <fieldset>

    <p>Line 1 <input type=""></p>

    <p>Line 2 <input type=""></p>

  </fieldset>

</div>

的style.css

fieldset, h2, p {
  display: block;
  margin: 0;
  padding: 0;
}

#login fieldset {
  padding: 20px 20px;
}

我的代码似乎占用了边距：0和填充：0。我需要第1行和第2行之间有填充。

Answer 1

您已将p设置为没有边距...要么从当前的CSS中删除它，要么添加像这样的边距

p {
    margin-bottom: 5px;
}

或者正如我所说的从您当前的CSS中删除p

fieldset, h2 {
  display: block;
  margin: 0;
  padding: 0;
}