如何使用CSS定位ul li中某个类的第一个？

Question

我有以下列表：

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li class="container"></li>
    <li class="container"></li>
    <li class="container"></li>
    <li></li>
</ul>

我正在尝试在container类元素上创建顶部和底部边框，但只有第一个和最后一个必须具有此边框。

我尝试使用CSS，但first-child和last-child选择器没有达到我的预期效果：

CSS：

.container:first-child {
   border-top: 1px solid #000;
   padding-top: 10px;
}

.container:last-child {
   border-bottom: 1px solid #000;
   padding-bottom: 10px;
}

有没有办法使用CSS动态添加这些类的顶部和底部边框？