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

В 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.


Ответы (0 шт):