элемент> элемент в SASS?

Question

Я искал вокруг и просто не нашел ответа на этот вопрос, но надеясь, что это простой ответ, если честно!

Я изучаю SASS и пытаюсь преобразовать существующий файл .css. Я наткнулся на селектор, вот так.

div > p { 
    background-color: yellow; 
} 

Как это достигается при использовании SASS?

Это то же самое? или есть способ гнездо это, как вы делаете с несколькими классами, как это ...

.header{ 
    .p{ 
     color:black; 
    } 
} 

пожалуйста мне точку в правильном направлении!

Answer 1

Здесь вы идете:

div { 
    > p { 
     // You style 
     } 
} 

Объяснение:

Когда вы используете вложенности, как это:

div { 
    p { 
     // 
     } 
} 

Он компилируется в:

div p { 
     // 
} 

Итак, если вы хотите быть прямым потомком

div > p { 
     // 
} 

Затем вам нужно указать.

Answer 2

что-то вроде следующего должно работать:

.header{ 
    &>.p{ 
     color:black; 
    } 
}