Importance of css stylesheet hierarchy

Question

I\'ve done some Google searches and so far I haven\'t found anything that answers my question about CSS order or importance.

For example, inline overrides external.

Answer 1

For this case here is what you do

#content input { width: 50%; }
#content .long { width: 75%; }

selecting an element with its ID will take precedence, hence you had that particular problem. adding the ID to your selection and being more specific will solve the problem

for example :

#content input.long { width: 75%; }

is even more specific than

#content .long { width: 75%; }