Css 向无序列表的不同部分添加样式，wordpress小部件

我认为描述我的问题最好的方式就是向你展示

在左侧的侧栏上有一个小部件，它使用

ul

，当我将

底部边框应用于第一个
li
时，然后关闭所有子
li
的边框

我的问题是，小部件顶部的“你的实习”边框直到其子菜单完成后才会出现，即“住宿”上方。但我想把它直接放在“你的实习”下面，就像菜单上的其他页面一样。所以基本上它是整个
li
的边界。我理解为什么会发生这种情况，我唯一能够绕过它的方法是在
ulli a
下面放置一个边框，但问题是这会变得非常混乱，用于控制边框的宽度等（使用
填充
等）

有人对我如何将边界应用于第一个链接有什么建议吗

同样，是否可以删除“联系我们”下的最后一个边界

我在这里问第二个问题，我想我的总体问题与wordpress小部件的特定部分的样式有关

提前感谢您的帮助。任何问题都让我知道，因为我可能会让人觉得困惑。
干杯，这是可能的。我举了一个简单的例子，你可以从中学习：

<ul class="widget">
  <li class="active">Your Internship
    <ul>
      <li>Benefit of our program</li>
      <li>Students</li>
      <li>University</li>
      <li>Why Choose Us</li>
      <li>Your Internship Process</li>
      <li>Your Language Course</li>
    </ul>
  </li>
  <li>Your Accomodation</li>
  <li>Your Employers</li>
  <li>Information for Interns</li>
  <li>Apply Now</li>
  <li>Contact Us</li>
</ul>

为了在“
active
”类上重新添加边框，我使用了一个伪元素：

.active:before {
  content: "";
  width: 100%;
  position: absolute;
  top: 25px;
  border-bottom: 2px solid salmon;
}

这可能比你想要的更混乱，但这里有一个建议

要直接在“你的实习期”下方（但仍保持在“你的适应期”上方），你可以执行以下操作：

#menu-your-internship-sidebar .current_page_parent > a {
    display: block
    border-bottom: solid 1px #DDD;
 }

要删除“联系我们”下的最后一个边框，只需将li:last child底部边框设置为0，如下所示：

#menu-your-internship-sidebar li:last-child {
    border: none
}

编辑：
如果要删除“您的帐户”上方的边框：

感谢你们两位，我用第一个答案的第一部分来回答第一个问题，第二个问题我用第二个答案感谢你们两位，我用第一个答案的第一部分来回答第一个问题，第二个问题我用第二个答案
#menu-your-internship-sidebar li:last-child {
    border: none
}

#menu-your-internship-sidebar > li.current-page-parent {
    border: none;
}