h4邊距的CSS無效屬性值

Question

我想用styles.css更改h4元素的邊距

在HTML文件中，h4的嵌套如下：

 main div h4 { margin: 20px, 0, 0, 0; /* want to change top margin */ } 

 <main role="main" class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5"> <div style="padding-top: 1.0rem;"> <ul>...</ul> <h4 id='sec_summary'>Summary</h4> </div> </main> 

在styles.css中定義的其他樣式可以正常工作。 但是，當我嘗試以上述方式設置h4邊距時，我嘗試了不同的數字和單位，h4的邊距完全沒有變化。 為什么代碼不起作用？

Answer 1

除去, ：

main div h4 {
    margin: 20px 0 0 0; /* want to change top margin */
}

Answer 2

您需要從css刪除,並放置space

main div h4 {
    margin: 20px 0 0 0; /* want to change top margin */
  }

Answer 3

您需要從CSS中刪除逗號（，）並放入（）空間

您將定義以下單個邊距：

  main div h4 {
    margin-top: 20px;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 0;
     }

您將使用合並語法，如下所示：

   main div h4 {
    margin: 20px 0 0 0;
     }

Answer 4

請從CSS邊距代碼中刪除，並在它們之間放置空格，例如，

main div h4 {
  margin: 20px 0 0 0; 
}

如果margin屬性具有四個值：

top margin is 20px
right margin is 0px
bottom margin is 0px
left margin is 0px