Как пишутся исключения в SASS/SCSS?

Question

[noteblock]

Не нашёл ответа в документации.

Есть ли какой-либо спец.символ или что-то вроде того, чтобы в nesting'e написать свойство для элемента, который не вложен в родительский?

Что-то в духе:

& > div > .form-item > label, (magic_symbol) .not_child_element{
…
}

Comments

[metaf]

А как вы представляете это на чистом CSS?

[noteblock]

.parent > div > .form-item > label, .not_child_element {
…
}

[metaf]

noteblock: Это? sass-scss.ru/documentation/pravila_i_direktivi/dir...

[noteblock]

думаю, да, спасибо!
правда на проекте, в котором возникла такая ситуация, используется phpsass, который doesn't get it :)

Answer 1

[Anton Bobylev]

Нестинг для того и придуман, чтобы описывать дочерние элементы в зависимости от родителя. Если вам нужно переиспользовать часть стиля используйте плейсхолдеры и @extend:

%shared{
 ...
}

.parent {
  & > div > .form-item > label {
    @extend %shared;
  }
}

.not_child_element {
  @extend %shared;
}

Comments

[noteblock]

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

[Anton Bobylev]

noteblock: была бы путаница ужасная