Почему пространство добавляется перед псевдо классами из внешнего пакета компонентов? ⇐ CSS

[Anonymous]

Я использую зависимость в приложении React/VITE/SASS, где оно обеспечивает компонент хлебной крошки. В исходном коде я вижу, что CSS в стилизованном компоненте выглядит нормально, и я вижу, что он работает нормально в другом приложении, но в моем приложении есть пространство перед псевдо-классом, поэтому вместо того, чтобы получить «Li: First-Child», стили в Devtools-«Li: First Child», что применяет его к фактическому ребенку, а не к первому Li. Вот стилизованный компонент: < /p>
const BreadcrumbsListItem = styled('li')({
display: 'inline-block',
position: 'relative',
marginBottom: SPACING_POINTS[1],
marginLeft: SPACING_POINTS[2],
paddingLeft: SPACING_POINTS[2] + CHEVRON_ALTITUDE_CALCULATED,
':first-child': {
marginLeft: 0,
paddingLeft: 0,
'::before': {
content: 'none',
display: 'none',
},
},
});
< /code>
Я попытался установить стилизовые компоненты в той же версии в свое приложение, я установил некоторые зависимости вавилоны и представил .babelrc, все еще то же самое. Это должно применяться: стиль первого ребенка на фактическом «li»

Подробнее здесь: https://stackoverflow.com/questions/797 ... mponent-pa