Вложенный стиль (:nested)

Вложенный (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 файлов: он позволяет легко охватить взглядом структуру файла, фактически не читая его.