Как я могу вызвать анимацию внутри первых компонентов в стиле Child

Question

У меня есть следующий код в качестве первого дочернего элемента

:first-child {

    }

и анимация ключевых кадров как таковая

const firstOpenAnimation = css`
  animation: 0.3s linear ${firstOpenKeyframe} forwards;
  animation-direction: ${({ animationState }) =>
    animationState ? 'normal' : 'reverse'};
`;

как я могу добавить firstOpenAnimation внутри первого дочернего элемента? Спасибо