Question

If in my webpage, i have all the three css defined for a div

1. Inline
2. Internal
3. external

I know that browser first looks for 1)Inline then for 2)Internal and last, it looks for external css.

but i want to call only external css, how it would be done?? Can i do it through !important or there is any other way?

Answer 1

Best thing to do is to put everything into an external css file.
If you must have inline styling then make sure you only have ones that aren’t already defined
in your external stylesheet. i.e Dont duplicate/override styling. e.g, if you have the following in your css file:

div { padding: 5px; }

then dont have the following inline styling.

<div style="padding-right:2px;" />

Just put it into the css file

div { padding: 5px 2px 5px 5px; }

Like you said, you can use !important if you have to override a styling for just one page that doesn’t apply to the other pages in your site.