css - 有序和无序列表的着色和调整高度

Question

我正在使用 Wordpress。我在附加的 css 字段中设置了一些 css 更改。由于本人对css了解不多，直接把css代码粘贴到字段中。如何为列表着色并增加它们之间的高度，例如 this website ？ Reference Site Screenshot

 li::before {
       top: .6rem; 
       background-color: #272284;
    }

我将这段代码添加到附加的css字段中，但没有任何变化。这是我使用的主题。在此页面上，您可以看到有序列表和无序列表。 Theme

Answer 1

试试这个:

HTML:

<ul>
  <li>One</li>
  <li>Two</li>
</ul>

CSS:

ul {
   background-color: #ff0000
}

li {
   margin-top: 6rem; 
}

(对于有序列表，ol 而不是 ul)