Sass селектор, который проверяет, есть ли класс у какого-либо предка

Question

Можно ли написать селектор Sass, который нацелен на элемент, у которого есть предок, к которому применен определенный класс?

.seed :ancestor-selector(.tree) {
    color: red;
}

... и у вас "Я хочу, чтобы go красный" на самом деле стал красным?

Вот ручка, с которой вы можете играть, чтобы попытаться заставить ее работать: https://codepen.io/timrhaynes/pen/xxGNppx

Answer 1

Да, это так. Вы можете использовать & следующим образом:

.seed {
    .tree & {
        /** Wow! I'm seed in tree! */
        color: red;
    }
}

Подробнее о Parent Selector можно прочитать в Документация Sass .

Answer 2

Используйте амперсанд после Возможно ваше заданное значение c.

.seed {

  color: green;

  .tree & {

    color: red;

  }
}

Чтобы ответить прямо. Я думаю, что нет, в то время как CSS любит начинать думать в root, а затем организовывать «листья», как вы, вероятно, догадались.