Search jQuery

jQuery Forum

Dont use general css selectors

in Using jQuery UI • 8 years ago

If you use general selectors in your css it could potentially override my css.

Eg, if you use .ui-widget input, and if im trying to style an input in a widget it means I have to put !important on all my css. this might not be enough as your css might have any attribute which I will also need to include in my css.

so it you use specific selectors, eg, .ui-widget-input it would avoid the problem. I think?

I realise if means you will need to write a little more code, but surely the goal of a library is to not cause side effects to the user of the library.

Replies(5)

jakecigar

Re: Dont use general css selectors

8 years ago

You can do !important , but it opens a can of worms that is difficult to close.Don’t use “!important” – James Padolsey

Instead of using the same CSS selector, use a more specific one.

.ui-widget-input {…}

is overridden by

#tabs .ui-widget-input {…}

Assigning property values, Cascading, and Inheritance

JΛ̊KE

mgwalm

Re: Re: Dont use general css selectors

8 years ago

Please reread my original comment.

I know about !important. But it is important you properly read the comment.

Im saying the responsibility is on the library writer to not have side-effects on users of the library code.

So don't use general selectors.

Adam Bodu..

Re: Dont use general css selectors

8 years ago

I think generalization is a strength of the theme framework. It is the responsibility of the developer using the framework to customize it. As Jake mentioned, you could override theme properties using a more specific selector. Why add complexity and size to a framework when there are dozens of approaches to customizing it?

mgwalm