react 设置 ul li span的层级样式

Question

前提是不想每个都加className第一个问题是怎么给全部li设置样式li{    color: yellow }我知道一种方法是用styled-components,有没有更好的方法呢？const Li = styled.li`     color: yellow `;<LI>test</Li>第二个问题是react设置样式时候怎么能给后代设置样式ul li span{     color: red }<ul>     <li>         <span>test:test</span>     </li></ul>

Answer 1

建议使用less
顶级盒子设置class container

.container{
    ul{
       li{
         span{
          }
       }
    }
}

若要对全局使用统一样式 :global

Answer 2

使用less 顶级盒子使用class(例如文中.container)
在他的花括号里直接使用 li 即可
希望您能试一试
你必然会豁然开朗
希望对你有帮助