我在我的asp.net项目中使用easy-responsive-tabs。我有两个垂直标签(li)
当一个人处于活动状态时,html看起来像这样:
tab-bg-top resp-tab-item resp-tab-active
tab-bg-bottom resp-tab-item
当其他人处于活动状态时,样式表如下所示:
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>
请注意,到目前为止我手动应用了它。
请建议