Как с помощью SASS получить родительский элемент?

Question

[Isaac Clark]

Здравствуйте, подскажите пожалуйста.
Есть код:

.parent {
        color: red;
    }

<div class="parent">
    <span class="child">Hello World!!!</span>
</div>

Вопрос: как с помощью sass обратиться мне ИМЕННО к элементу .child, взять его родителя и в родителе ИМЕННО для елемента .child поменять цвет, например на зеленый?

Comments

[Isaac Clark]

p.s. если не ошибаюсь, то в компасе есть &, который позволяет обратиться к родителю, но это вроде только для компаса, а мне нужно конкретно через sass или я ошибаюсь и & - это фишка самого sass?

Answer 1

[Pavel Demyanenko]

Вот так jsfiddle.net/bdz2zyx2 ?

Получим .parent .child { }

Comments

[Isaac Clark]

.parent & - это фишка компаса?

[Pavel Demyanenko]

Нет, sass фишка, вот тут можно чекнуть еще разные интересрные примеры unakravets.tumblr.com/post/78744593423/sass-snippe...

Answer 2

[Хангелды Илебаев]

Не понял вопрос ?Ты про амперсант

.parent {
  & .child {
       color: red;
  }

Comments

[Isaac Clark]

да, про него

[Isaac Clark]

но мне, как раз нужно без амперсанда, есть варианты ?

[Хангелды Илебаев]

Dark_Knight: покажи как должен выйти css . И тут вообще можно без амперсанта написать выйдет класс .parent .child {}. Если нужно вот так .parent > .child {} то & > .child {}

[Isaac Clark]

Хангелды Илебаев: дело в том, что у меня класс .parent есть в нескольких местах и вот именно, когда в классе .parent стоит класс .child мне нужно заменить все стили, которые находятся в классе .parent , а для всех остальных случаев оставить.

[Isaac Clark]

Хангелды Илебаев: то есть, если .child имеет родителя .parent , то меняем стили у .parent

[Isaac Clark]

Хангелды Илебаев: в итоге цсс должен выглядеть так(только в том случае, если .parent содержит .child): .parent { color: green; }

[Хангелды Илебаев]

Чисто теоретический такое sass невозможно. Потому что в css нету такого фильтра или есть но это уже к sass у ни имеет отношения . Тебе надо в гугле select parent class with child class вести такую строку .

[Хангелды Илебаев]

Не легче ли написать $('.child').parent('.parent').style