Не работают вложенные стили Aphrodite-jss

128
17 апреля 2022, 08:50

В aphrodit-jss реализованы вложенные стили.

import { StyleSheet } from 'aphrodite-jss';
export default StyleSheet.create({
    header: {
        color: 'black',
        '& div': {          // Вложенный селектор
            color: 'red'
        }
    }
});

Все прекрасно работает, но когда пытаюсь обратиться по классу, то стили не применяются:

'& .logo': {
    color: 'red'
}

Пробовал ещё так:

'&.logo': {
    color: 'red'
}

Так:

'& logo': {
    color: 'red'
}

И так(нарушение синтаксиса):

logo: {
    color: 'red'
}

Как можно обратиться по классу во вложенных стилях aphrodite-jss.

READ ALSO
Не могу подключить jquery в javascript

Не могу подключить jquery в javascript

Учу по книге javascript для детей и вот ступор простоПросто не работает, не понимаю почему

118
JavaScript массив, помогите с решением

JavaScript массив, помогите с решением

Подскажите пожалуйста

128
Не работает компонент Input в React из-за useForm

Не работает компонент Input в React из-за useForm

Всем привет! Когда заполняю данные формы, без компонента Input, то всё работает отличноВот пример кода где всё работает:

135
Если "тянуть" draggable элемент за край, то событие применятся сразу ко всем элементам

Если "тянуть" draggable элемент за край, то событие применятся сразу ко всем элементам

есть блок с draggable элементами, добавил js, все хорошо работает, но если постараться потянуть за край drag элемента - drag event применяется ко всем...

172