Can you !important a whole css file?

I'm using Jquery ui on my university's website but they are using开发者_开发知识库 Serena Collage with prebuilt templates with their own styles.

The widget im using works in firefox but not ie7, which is kind of buggy.

The mater template's css is obviously the culprit.

How do I !important the Jquery UI css file or easily !important a whole style.

You can't. !important is set on a per property basis (and its enough of a sledgehammer that it is best avoided there, let alone globally).

Write your selectors so they are more specific.