javascript - styled-components/emotion パーシャル内で :first-of-type ルールを使用する方法は?

Question

Partialsを使用して Emotion でいくつかの CSS を複製しようとしていますが: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 => props.isResult && css`
  &:first-of-type {
    background: pink; // Has no effect
  }
`

PS: partials は Emotion のドキュメントでは言及されていないようですが、サポートされており、動作します。:first-of-typeパーシャル内でルールを再作成する方法について特に疑問に思っています。