For selectors I have this order: - display - z-index - width - height - margin - padding - border - font/text - background Reasoning: I first want to define wh

For selectors I have this order: - display - z-index - width - height - margin - padding - border - font/text - background Reasoning: I first want to define where and why an element is displaced at a certain position. I than work from the outside to the inside for styling. Lastly I define the background. I tried to have some logic but keep it a little easy to use to. ( I dont put the border in between margin and padding)