组件之间的反应样式组件空间

Question

我连续使用图像的几个样式组件。我只需要在HeaderLink s之间添加一个空间。我尝试了以下方式，但它不起作用。

const HeaderLink = styled.a`
  color: #000;
  font-size: 1.5em;
`;
const Wrapper = styled.div`
  HeaderLink + HeaderLink {
      margin-left: 1em;
  }
`;

HeaderLink1 | HeaderLink2 | Image | HeaderLink3 | HeaderLink4

因此，我想在HeaderLink1＆amp; headerLink2和headerLink3＆amp; headerLink4之间添加余量。如何在styled css中使用styled component？

Answer 1

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