我在我的 asp.net 项目中使用easy-responsive-tabs 。我有两个垂直标签 (li)
当一个处于活动状态时，html 看起来像这样：
tab-bg-top resp-tab-item resp-tab-active
tab-bg-bottom resp-tab-item
当 other 处于活动状态时，样式表如下所示：
tab-bg-top resp-tab-item
tab-bg-bottom resp-tab-item resp-tab-active
我想在活动时将以下样式应用于底部选项卡：
border-top: none;border-right: none;border-left:1px #666666 dashed;border-bottom:1px #666666 dashed;
并在上述选项卡处于活动状态时遵循样式
border-bottom: none;border-right: none;border-left:1px #666666 dashed;border-top:1px #666666 dashed;
我如何将这些样式应用于以下 li 的
<ul class="resp-tabs-list">
<li class="tab-bg-top resp-tab-item resp-tab-active" aria-controls="tab_item-0" role="tab">Jobs</li>
<li style="border-top: none;border-right: none;border-left:1px #666666 dashed;border-bottom:1px #666666 dashed;" class="tab-bg-bottom resp-tab-item" aria-controls="tab_item-1" role="tab">Personnel</li>
</ul>
请注意，到目前为止，我已经手动应用了它。
请建议