Do you need to pay attention to the css Writing sequence for xhtml + CSS webpage layout?

We use the xhtml + css web page layout to achieve the separation of performance and structure. The css file that represents part is very important and complicated. We have many attributes and values when writing CSS files, we have considered the order of writing.
Sometimes, we first write margin or color, and then write width and height. Do we need to make our coding more neat and scientific? Practice has proved that it is good to write neatly and according to certain rules.
The following is the CSS Writing sequence recommended by Mozilla Firefox, which is of great reference for our code writing:
* Mozilla.org Base Styles
* Maintained by fantasai
* (Classes defined in the Markup Guide-http://mozilla.org/contribute/writing/markup)
*/
/* Suggested order:
// Display attributes
* Display
* List-style
* Position
* Float
* Clear
// Attributes
* Width
* Height
* Margin
* Padding
* Border
* Background
// Text attributes
* Color
* Font
* Text-decoration
* Text-align
* Vertical-align
* White-space
* Other text
* Content