Comments on: Everything You Need to Know About the !important CSS Declaration

By: parag

parag — Thu, 14 Jan 2010 19:03:30 +0000

I have img alt=”" style=”width: 700px !important; height: 650px

!important” src=”http://image/testimg.jpg” />. But if I set height to

400px and width to 350px dynamically using javascript, the IE 7 & 8

takes the dynamicaly set values using javascript. whereas in firefox,

it takes width to 700px and height to 650px; how IE is making

problem??
Thanks in advance for any replies

By: jmr

jmr — Tue, 08 Dec 2009 21:37:54 +0000

Really useful stuff here, I’ve never really understood why important was used in CSS. I knew it was to mark something as not being able to be overwritten, but this makes a whole lot more sense now!

By: Timothy

Timothy — Tue, 08 Dec 2009 17:38:40 +0000

This all seems very !important…

By: Dominica

Dominica — Mon, 07 Sep 2009 02:11:51 +0000

this was the best thorough explanation of the !important property for css I’ve seen yet, well written and well displayed.

Thanks brother

By: Fabián Link » Declaracion ‘!important’ en CSS

Fabián Link » Declaracion ‘!important’ en CSS — Mon, 27 Jul 2009 02:52:13 +0000

[...] http://www.impressivewebs.com/everything-you-need-to-know-about-the-important-css-declaration/ Etiquetas: CSS, Diseño Web Author: admin Categories: CSS Tags: CSS, Diseño Web Comentarios (0) Referencias (0) Dejar un comentario Referencia [...]

By: Kim H

Kim H — Sat, 27 Jun 2009 00:11:03 +0000

In my five years of coding, I’d say that I’ve probably only *seen* it used one time; it was to create an IE hack. I edited it out, and the page worked fine in IE6 after adding in an HTML conditional in the actual mark-up that was affected. Now, perhaps adding in the conditional was probably not the best choice, but I preferred that method over doing a hack; after all, hacks are, generally speaking, not quite *standards* and (at least I feel) makes the code feel sloppy. I definitely agree that the !important property statement shows that the code isn’t very well constructed; I try to design my stylesheets to at least somewhat mirror my markup; body elements appear at the top, navigation elements below there, body elements in order below that, et cetera, so that I can easily find where I’ve declared a class in order to edit its properties in a more efficient manner.

Besides, if we are using this to override code, why don’t we go back and edit the original code instead? It’ll at least cut down on file size somewhat :)

By: red

red — Sat, 20 Jun 2009 04:37:10 +0000

On place I’ve found !important declarations to be very useful and not requiring apologies (which I rarely give for any of my coding decisions anyway) is in their application in alternate print stylesheets (using ‘media=print’) in this case, cascading logic needs to be overridden for a specific rendering. It would be a wasteful and often impossible exercise to distort the flow of logic and inheritance simply to accommodate a variant output for page printing. The !important declaration makes it far easier to override well-formed structure, momentarily and for this purpose, leaving otherwise well-structured styling intact for the main application of presenting web pages online. I find nothing in comments here or elsewhere that would argue against such usage.

By: John F

John F — Fri, 12 Jun 2009 20:23:40 +0000

Thank you for this explanation.

I use a lot of ProjectSeven products which make a lot of use of ‘!important’ in their css. Al Sparber and Gerry Jacobsen of PVII seem to be highly regarded CSS exponents and I would have thought that they would have deployed the purest and leanest coding for their products.

I wonder why they make so much use of it?

By: Jarek

Jarek — Thu, 11 Jun 2009 09:48:36 +0000

I’m using !important only to fix styles in IE6. When something is wrong I’m creating ie6.css and put in it code that overrides some styles.

By: Arbenting’s Weekly Inspiration and Best of the Web #8 | Arbenting

Arbenting’s Weekly Inspiration and Best of the Web #8 | Arbenting — Mon, 08 Jun 2009 00:39:03 +0000

[...] Everything You Need to Know About the !important CSS Declaration – Recently I came across a few articles that mentioned the CSS !important declaration, and there was a little bit of confusion over what it actually did, and how it could be used, as expressed in the user comments on those articles. [...]