CSS 对动态类没有影响

Question

$('fieldset.one label, fieldset.two label').each(function () {
    var className = $(this).text().trim().toLowerCase();
    $(this).addClass('default ' + className);
});

我正在向标签元素动态添加类，但是当我尝试设置它们的样式时，没有任何效果。其中之一自动添加了 .sedan 类，我在 firebug 中看到它，但以下内容没有任何效果：

.sedan {
  display:none !important;
}

HTML：

<fieldset class="one">
  <label>sedan</label>
  <label>suv</label>
  <label>truck</label>
</fieldset>

<fieldset class="two">
  <label>sedan</label>
  <label>suv</label>
  <label>truck</label>
</fieldset>

Answer 1

使用 jQuery 的 trim 方法：

var className = $.trim($(this).text()).toLowerCase();

Answer 2

对我有用： http://jsbin.com/amovo/edit

Answer 3

您在这里发布的代码没有任何问题。我刚刚在本地测试了一下，效果很好。确保您的选择器正确 - 并且您可以检查样式是否是通过 firebug 添加的。