特定标签的CSS背景颜色

Question

HTML

<div class="woocommerce-tabs wc-tabs-wrapper">
   <ul class="tabs wc-tabs">
       <li class="paym-plans_tab">
          <a href="#tab-paym-plans">Contract Deals</a>
       </li>
          <li class="simfree-plans_tab active">

CSS

#tabs ul.wooTabs li a.selected, #tabs ul.tabs li.active a, .woocommerce_tabs ul.tabs li.active a, .woocommerce-tabs ul.tabs li.active a {
    background: #52b9e9 none repeat scroll 0 0;
    color: white;
}

尝试将特定woocommerce标签.paym-plans_tab active和.simfree-plans_tab active的背景颜色更改为#52b9e9，并仅在选项卡上将文字颜色更改为白色时，上面的CSS会更改所有标签我如何定位只是我想要的标签。

Answer 1

如果我理解正确，你需要的是：

.wc-tabs .active a {
    background: #52b9e9 none repeat scroll 0 0;
    color: white;
}

当然，您的框架应该在单击时将active类分配给选项卡，并将其从以前的活动框架中删除

Answer 2

请参阅this

@media (max-width:640px) {
    div {
        background-color:red;
    }
}