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's trim метод:

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

Answer 2

у меня работает: http://jsbin.com/amovo/edit

Answer 3

Нет ничего плохого в коде, который вы разместили здесь. Я только что проверил это локально, и он работает просто отлично. Убедитесь, что ваши селекторы верны - и вы можете проверить, добавляются ли стили с помощью firebug.