样式化的组件:如何定位直子?

我在文档中看到,&选择器用于嵌套定位。但是以下方法不起作用。在这里使用正确的语法是什么?

const InlineContainer = styled.div`
  display: flex;

  & > * {
    margin-right: "40px";
  }
`;
SanG_Soul 回答:样式化的组件:如何定位直子?

作为CSS值,字符串"40px"在值40px处无效。

const FlexBox = styled.div`
  margin: 20px;
  padding: 20px;
  border: 1px solid palevioletred;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  > * {
    background-color: yellow;
    padding: 20px;
  }

  > div {
    border: 2px solid black;
  }
`;

Edit Q-58690167-DirectChildExample

,

请尝试这个

const InlineContainer = styled.div`
  display: flex;

  > * {
    margin-right: "40px";
  }
`;
本文链接:https://www.f2er.com/3168001.html

大家都在问