Ordering CSS declarations in a declaration block

[_david_aaron]

W3Schools seems to be pretty consistent in the way declarations are ordered in a declaration block. What is this based off of? Do they have a style guide for this? What are recommended practices for ordering declarations?

Thanks!

[shaili_shah]

A property and value pair is called declaration.

Both property and value is case-insensitive by default in CSS.

The pair is separated by colon " : ".

Whenever you put declaration in open and close braces it's called declaration block.

And declaration inside them is separated by semi-colon.

ex:

*{

color : red;

margin : 10px;

}

I think there is no such type of guidance for declaration block.

But you should write declaration block first for the whole element (*), after that for body element (body), and last is for every class or id selector.

I hope this'll help you.

Thanks!