Вложенный (nested) стиль - это стиль Sass по умолчанию, т.к. он отражает структуру CSS-стилей и HTML-документа, для которого он используется. Каждое свойство находится на отдельной строке, однако отступ не одинаков. Каждое правило имеет величину отступа, зависящую от глубины вложенности этого правила. Например:

#main {
  color: #fff;
  background-color: #000; }
  #main p {
    width: 10em; }

.huge {
  font-size: 10em;
  font-weight: bold;
  text-decoration: underline; }

Вложенный стиль очень полезен при просмотре больших CSS файлов: он позволяет легко охватить взглядом структуру файла, фактически не читая его.



На сайте функционирует система проверки ошибок. Обнаружив неточность в тексте, выделите ее и нажмите Ctrl + Enter. Также отправить оповещение об ошибке можно, нажав на эту ссылку.