css - 组件之间的React Styled Component空间

我的图像中连续有几个styled component。
我只需要在HeaderLink之间添加一个空格。
我尝试了以下方式，但是没有用。

const HeaderLink = styled.a`
  color: #000;
  font-size: 1.5em;
`;

const Wrapper = styled.div`
  HeaderLink + HeaderLink {
      margin-left: 1em;
  }
`;

  HeaderLink1 | HeaderLink2 |图像| HeaderLink3 | HeaderLink4


所以我想在HeaderLink1＆HeaderLink2和HeaderLink3＆HeaderLink4之间添加边距。
如何在styled component中使用styled css？

最佳答案

仅使用${HeaderLink}而不是HeaderLink。