Меньше использует оператор &
для расширения возможностей для вложенности.
.header { color: black;
.navigation { font-size: 12px;
&.class { text-decoration: none }
}
}
который вызывает подстановку &
родительским селектором и приводит к объединению фактического селектора справа от родительского селектора: .header .navigation.class
вместо обычного добавления, что приведет к тому, что .class
будет декомпенсацией: .header .navigation .class
.
Теперь возможно также следующее (см. также здесь):
.header { color: black;
.navigation { font-size: 12px;
#some-id & .foo { text-decoration: none }
}
}
что приведет к следующему: #some-id .header .navigation .foo
попробуйте здесь. Подстановка имеет место, и у меня есть добавленный селектор (#some-id
) для моего родительского селектора.
Помимо того факта, что я никогда не буду кодировать этот путь, так как это, вероятно, бесполезно разрушает вашу таблицу стилей, мой вопрос:
Поскольку эта функциональность не задокументирована, это функция или, скорее всего, ошибка?
Какие возможные побочные эффекты?