up vote 0 down vote favorite
share [g+] share [fb]

Possible Duplicate:
best way to overide plugin CSS?

Now and again I would come across a great wordpress plugin with it's own css style sheet. I could edit the css in the plugin folder and it would work like a charm but if there was ever an update for the plugin, it would overwrite my custom css that I applied to it.

I know that I can target the class of the plugin in my own css and applying !important; to the end of the css style. I've read though that this isn't good practice.

Is adding !important to the end of a css style bad practice and if so, what is the best way of targeting custom css of a wordpress plugin?

Thanks Tyler

link|improve this question
feedback

closed as exact duplicate by Chip Bennett, EAMann♦ Feb 15 at 14:47

This question covers exactly the same ground as earlier questions on this topic; its answers may be merged with another identical question. See the FAQ for guidance on how to improve it.

1 Answer

up vote 0 down vote

You can either do it the way you are doing it now, or you can use the rule of greater specificity (ex div.foo > ul#bar > li.baz is more specific than just #bar > .baz).

P.S. I am not sure this is WordPress-specific.

link|improve this answer
The CSS part of the question itself certainly isn't WordPress-specific; however, the question of how to override Plugin-defined CSS rules is WordPress-specific. It seems, though, that this question has already been asked elsewhere on WPSE. – Chip Bennett Feb 15 at 14:07
feedback

Not the answer you're looking for? Browse other questions tagged or ask your own question.