覆盖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;
    }

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

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

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

由于

Answer 1

尝试：

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

或者这个：

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

JSFiddle：http://jsfiddle.net/gqnvU/

Answer 2

你可以尝试这个

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

Answer 3

您是否添加了代码：

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

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

最简单的解决方案是

label.hidden
{
    display:none !important;
}