Как оптимизировать последовательность свойств в классе css?

Question

[Александр Дегтярев]

Вычитывал информацию, какие свойства должны идти вначале, какие после них, но сейчас эту информацию найти не могу. Вроде вверху должны быть свойства размеров... у кого - нибудь есть подобная информация?

Answer 1

[Nikolay Talanov]

Я делаю так:
1) Z-index
2) Display (flex и так далее)
3) Позиционированние (position: absolute; left: 50%; top: 50%;)
4) Padding
5) Margin
6) Border&border-radius
7) Background/box-shadow и подобные свойства
8) Шрифты/цвет и подобные вещи относящиеся к тексту
9) Composite Layer Stuff (perspective/transforms/opacity и так далее)
10) Cursor: pointer;

Answer 2

[Сергей]

Вообще это не особо важно. Если хотите красивого кода то делайте размеры, падинги, отступы, позиционирование, остальные

Comments

[Алексей]

У Google есть теория что читаются стили по алфавиту.

Answer 3

[Михаил Лялин]

stylelint.io

Comments

[Михаил Лялин]

также https://habrahabr.ru/post/244815/

[Михаил Лялин]

https://habrahabr.ru/post/274129/