CSS h4 边距的 属性 值无效

CSS invalid property value for h4 margin

我想用 styles.css

更改 h4 元素的 matgins

在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 的边距根本没有改变。为什么代码不起作用?

您需要从 css 中删除 , 并用 space 代替

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

删除 , :

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

您需要从 css 中删除逗号 (,) 并放入 ( )space

You will define individual margin as follow:

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

You will use combine syntax as follow:

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

请从您的 CSS 保证金代码中删除 ,并在它们之间放置 space,例如,

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

如果边距属性有四个值:

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