Я понимаю родительский селектор в его общем смысле.
Вот где я борюсь (не документировано ли это или просто невозможно):
#parent {
#child {
width: 75%;
.additional_parent_class & {
width: 50%;
}
}
}
Это в основном превратится в:
.additional_parent_class #parent #child {
width: 50%;
}
Хотя это имеет смысл из-за реализации амперсанда и способа его использования. Что делать, если я пытаюсь добиться этого, чтобы достичь этого:
#parent.additional_parent_class #child {
width: 50%;
}
Единственный способ, которым я смог достичь этого, - написать другое правило вне дочерних объявлений:
#parent{
#child {
width: 75%;
}
&.additional_parent_class #child {
width: 50%;
}
}
Несмотря на то, что в этой реализации это не обязательно является "болью в заднице", это кажется контрпродуктивным, если у #child
есть собственные #child
, которые теперь необходимо будет дублировать в обоих правилах.
В любом случае, может быть, я просто привередлив, но было бы здорово, если бы было больше способов пройти через селекторы.