Thread: how css gives priority to the classes and IDs in the web design process?

In my experience I have many freshers, that they writing unwanted classes
which are really not needed.
but there is simple logic in css.
Css gives first priority to the last placed class.
it means you have applied ten pixels padding to some class.
later in the ending of the document you again write the class
with twenty pixel padding.
Then css give importance to twenty pixels only.
and if you write !important tag in the css property ending, that is ultimate change. I will
discuss about that later.
Here my conclusion is
'In css last written (last placed) code will gets first priority. '

This is also followed in the css hierarchy of external stylesheet > internal stylesheet > inline css styles. Inline css will take precedence over other styles listed elsewhere. An internal stylesheet on the page will take precedence over the external stylesheet.

Also in the hierarchy of tags the body tag will set styles for everything on the page unless overridden by more specific styles. For instance, set the font in the body tag and then you only need to list a font if there is a special case. You could use a class or id for a different font or even an inline css style depending on the case. The same would be true for font color.

Originally Posted by wink0r

This is also followed in the css hierarchy of external stylesheet > internal stylesheet > inline css styles. Inline css will take precedence over other styles listed elsewhere. An internal stylesheet on the page will take precedence over the external stylesheet.

Also in the hierarchy of tags the body tag will set styles for everything on the page unless overridden by more specific styles. For instance, set the font in the body tag and then you only need to list a font if there is a special case. You could use a class or id for a different font or even an inline css style depending on the case. The same would be true for font color.

First of all thank you very for your clean and clear and concise theoretical explanation.
But a professional we designer can write css only in the external style sheet only.
So while we are dealing with external style sheet how it will take priority, on that I have concentrated.
But I really like your simple words with good meaning.

Very nice tutorials for web designers, this is a very good forum for beginners in web designing profession and I think that if a beginner will give some time to explore the topics on this forum, then he can understand the basic and important features.

Originally Posted by singhabhishek251

Very nice tutorials for web designers, this is a very good forum for beginners in web designing profession and I think that if a beginner will give some time to explore the topics on this forum, then he can understand the basic and important features.

Yeah, i will try my level best to share the useful and important tips about web design like this small snippets.