Могу ли я установить CSS ребенка в Styled Componet?

Question

В обычном CSS я могу применить css к потомку, используя ссылку на родителя.

.ABC > div {
    color: red;
}  

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

Answer 1

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

& > div {
    color: red;
}

См. this codesandbox для демонстрации.

Вы можете увидеть, как этоприменяет стиль через отладчик Chrome: