样式组件是否嵌套样式？

Question

使用样式化组件时，对于更大的可扩展应用程序，什么是更好的方法？为每个 html 标签创建单独的变量，或者只是将 css 嵌套在变量中？

例如：我有以下简单结构：

ul {
  li {
    a {

    }
  }
}

const list = styled.ul`
   padding: 0;
   li {
    padding: 10px 0;
      a {
        color: black;
      }
   }
`

或

 const list = styled.ul`
       padding: 0;
    `

const listLi = styled.li`
       padding: 10px;
    `

const listA = styled.a`
       color: #333;
    `

Answer 1

尽量少分开，多次组合。它将使您可以轻松地在项目中重用组件。

样式组件是否嵌套样式？

Styled components nesting styles or not?

reactjs

styled-components