html - 覆盖 HTML 标签的默认 css

Question

 <label id="test" class="hidden" ><strong>Label Text</strong></label> 

 .hidden
{
    display: none;
}

上面的代码按预期工作

但是当我添加新类 col_1 时遇到问题

<label id="test" class="hidden col_1" ><strong>Label Text</strong></label> 

  .hidden
    {
        display: none;
    }

在萤火虫中，我看到标签上的 css 下面导致了使用kickstart css的问题。所以我不想触摸下面的代码

label[class*="col_"]{
display:inline-block;
}

覆盖默认标签行为的最佳方法是什么？

谢谢

score 1 · Accepted Answer

尝试：

label[class*="col_"].hidden{
   display: none;
}

或这个：

label[class*="col_"]:not(.hidden){
   display:inline-block;
}

score 1 · Accepted Answer

1

你可以试试这个

#test.col_1{display:inline-block;}

于 2013-07-24T09:59:29.683 回答

score 0 · Accepted Answer

您是否添加了代码：

label[class*="col_"]{
display:inline-block;
}

从您的问题看来，您似乎不知道该代码。

最简单的解决方案是

label.hidden
{
    display:none !important;
}

3 回答 3