CSS n'a aucun effet sur les classes dynamiques

Question

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

J'ajoute dynamiquement des classes pour étiqueter des éléments, mais lorsque j'essaie de les styler, il n'y a aucun effet. L'un d'eux a .sedan classe ajouté automatiquement, je le vois dans Firebug, mais ce qui suit n'a pas d'effet:

.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

Utilisez la méthode de trim jQuery:

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

Answer 2

Il n'y a rien de mal avec le code » J'ai posté ici. Je viens de le tester localement et ça marche très bien. Assurez-vous que vos sélecteurs sont corrects - et vous pouvez vérifier si les styles sont ajoutés avec firebug.

Answer 3

Works pour moi: http://jsbin.com/amovo/edit