开发者

CSS Ordering Convention for which tags to specify first

开发者 https://www.devze.com 2023-02-08 09:04 出处:网络
I typically place the rules in my CSS in the same order as they are in the HTML. But what about global rules like how I format my input,textarea,p,tr,th and stuff like that? Is there a convention on w

I typically place the rules in my CSS in the same order as they are in the HTML. But what about global rules like how I format my input,textarea,p,tr,th and stuff like that? Is there a convention on which order the rules should go in?

Obviously there are situations when the rules have to b开发者_开发百科e in a certain order to work.


I just put "global" properties of CSS in their own stylesheet all together. So for instance: put in tr, td, input, table, etc in their own stylesheet and the rest of custom .classes and #divs in their own.

This simplifies it the best and keeps it organized.


Global CSS rules can go on a file (i.e. global-style.css) - these will apply to all pages. Specific CSS rules can go a separate file (i.e. login-style.css) - on this second file, you can override the default look-feel of the global CSS if desired.

You would only include the second file in the HTML files you need the different look-feel (from the global one)


I use one line per rule notation now, try to keep it organized and easy to read. It minimizes scrolling and it is easier to sort the rules that way.

0

精彩评论

暂无评论...
验证码 换一张
取 消