Зачем так пишут цсс?

Question

[lukoie]

Подскажите, вот так писать цсс это есть какие-то бест-практики, или просто для себя, или как? Особенно если исходный код есть еще и в сасс - это по ходу собирался таким цсс, и зачем(кроме запутывания со вложенностью) у него отступы?

Comments

[Rustam Bainazarov]

Больно похоже на результат стандартной комплиляции SASS. Обычно просто это дело потом минифицируют и оптимизируют.

Люди так CSS не пишут, конечно.

[lukoie]

SmthTo, а зачем сасс так компилируется, а не просто как обычный цсс без отступов?

[Rustam Bainazarov]

lukoie, где-то читал, что сделано так, чтобы была понятна иерархия и чтобы не плодить лишних строк, но я не могу понять этого, если честно — мне это неудобно.

[lukoie]

SmthTo, добавил свой ответ к вопросу с линками где такое говорится, и как такое вкл/выкл. спасибо.

[Rustam Bainazarov]

lukoie, спасибо, интересно.

Answer 1

[lukoie]

Пока нашел что node sass(в руби сасс такое тоже нашел) может компилить такие цсс если собирать сассы сборщиком с ключем compileNested а не минифицированным.
И вот тут говорят что это дефолтный вывод:
https://github.com/sass/node-sass

outputStyle

Type: String
Default: nested
Values: nested, expanded, compact, compressed
Determines the output format of the final CSS style.

И вот тут более подробно об этом рассказано:
https://web-design-weekly.com/2014/06/15/different...
https://inchoo.net/dev-talk/tools/sass-output-styles/
В общем, говорят что это сделано для того, чтобы визуально видеть глубину вложенности, которая отвечает таковой в сасс и хтмл(не понял при чем тут это, и как, но опустим. Допустим оно разделяет по секшнам из хтмл, и там есть отступы, потому допустим что да, отображает структуру хтмл).
В общем, как то так.