Как использовать правило: first-of-type внутри части styled-components / emotion?

Как использовать правило: first-of-type внутри партиала styled-components / emotion?

Я пытаюсь воспроизвести некоторые CSS в Emotion, используя Partials, но я не вижу, как можно воспроизвести правило вроде :first-of-type в ситуации, когда я использую partial . Есть ли способ добиться этого?

Начиная CSS:

 li.item { background: white; border: 1px solid; } li.item.isResult:first-of-type { background: pink; /* Don't know how to port this rule */ } 

Лучшая попытка перенести это правило на Emotion:

 import styled from '@emotion/styled'; import { css } from '@emotion/core'; const Item = styled.li` background: white; border: 1px solid; ${resultPartial} ` const resultPartial = props ={amp}gt; props.isResult {amp}amp;{amp}amp; css` {amp}amp;:first-of-type { background: pink; // Has no effect } ` 

PS: Хотя partial s, кажется, не упоминаются в документах Emotion, они поддерживаются и работают. Меня особенно интересует вопрос о том, как воссоздать правило :first-of-type внутри партиала.

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector