jQueryUI自动完成：如何使用'；第一种类型'；和'；类型的最后一个'；使用#ui活动菜单项？

如何设置创建的第一个和最后一个悬停项目的样式？在CSS代码上，它只显示#ui活动菜单项，这意味着只有一条规则来设置悬停的样式。这对我的设计不好，因为我使用圆角，我希望第一个li悬停也有圆角，最后一个li悬停也有圆角

CSS显示的唯一规则是：

#ui-active-menuitem{
    background-color: #CCC
    color: #F0F0F0;
    z-index:-5;
}

我查看了jQueryUI Autocomplete的代码，发现它只实现了一种悬停：

this.active = a.eq(0).children("a").addClass("ui-state-hover").attr("id", "ui-active-menuitem").end();

现在，因为我只能对悬停li项使用一个泛型类，它看起来像这样，没有圆形悬停，在3px底部圆角上看起来很奇怪：

我在CSS的静态html页面中分别实现了我自己的实现，其中我使用第一个类型和最后一个类型使悬停在上下角变圆，如下所示：

如何使用jQuery ui Autocomplete在#ui活动菜单项上应用/实现第一个类型和最后一个类型

---

谢谢你们

< P>锚标签获得<代码>。UI状态悬停和<代码> ID=“UI活动MunuItIt”< /代码>，但也包含包含<代码> < LI> < /COD>和<代码> UL> 。结构如下（仅包含相关细节）：

仅调整自动完成列表中第一个或最后一个活动项上的角点

<ul class="ui-autocomplete">
    <li class="ui-menu-item">
        <a>...</a>
    </li>
    <li class="ui-menu-item">
        <a>...</a>
    </li>
    <li class="ui-menu-item">
        <a class="ui-state-hover" id="ui-active-menuitem">...</a>
    </li>
</ul>

ul.ui-autocomplete li.ui-menu-item:first-child a#ui-active-menuitem {
    border-radius: 3px 3px 0 0;
}

ul.ui-autocomplete li.ui-menu-item:last-child a#ui-active-menuitem {
    border-radius: 0 0 3px 3px;
}