css - 将顶部填充添加到导航列表类

Question

这是html：

<header>
  <img src="cp_logo2.png" alt="Cycle Pathology" />
    <nav class="vertical">
       <ul>
         <li><a href="#">Events Page</a></
         <li class="newgroup"><a href="#">Rose Hill Rally</a></li>
There are <li> under this as well as four <li class-="newgroup">

这是 CSS 样式表的分配：“如果列表项属于 newgroup 类，则在顶部添加 25 px 的填充空间以在该列表项和前一个列表项之间添加更大的间隙。” 想法？

Answer 1

听起来很明显：

.newgroup {
    padding-top: 25px;
}