Селектор элемента React JSS (текущий) — `& element`

Есть ли рабочий эквивалент для текущего селектора элементов в синтаксисе стиля React JSS?

'&element': { margin: 0 }

Случай использования

У меня есть этот стиль для всех компонентов <Button> в моем приложении.

'&:first-of-type': { marginLeft: 0 },
'&:last-of-type': { marginRight: 0 }

Поэтому, если они появляются подряд, у первого и последнего есть соответствующие поля.

Однако иногда я использую

<Button component={Link} ../>

Что превращает компонент Button в элемент a вместо button. Это может испортить селекторы :first-of-type / :last-of-type и отменить поля для элемента a между кнопками.

Мое первоначальное намерение состояло в том, чтобы установить что-то подобное, но это не работает.

'&button:first-of-type': { marginLeft: 0 },
'&button:last-of-type': { marginRight: 0 }

Пока пользуюсь альтернативой

'&:first-of-type:not(a)': { marginLeft: 0 },
'&:last-of-type:not(a)': { marginRight: 0 }