[jQuery] toggleClass and CSS inheritance

[jQuery] toggleClass and CSS inheritance


.toggler {background:#fff;}
.open {background:#000;}
$('.toggler').click(function(){
$(this).toggleClass('open');
}
It's really a CSS problem, because the DOM does toggle the classname.
But the background does not change.
<div class="toggler open">blah</div>
Only solution I can think of is not using toggleClass, but its so nice
and simple that way. Anyone know a solution by chance? Thanks a lot!