错误锦集--styled-components样式的书写

    a{
                list-style:none;
                display:flex;
                flex-direction:column; 
                text-decoration:none;
                color:#000; 
                font-size:.14rem !important
                **i{
                    margin-bottom:0.05rem;
                }** 
                &.selected{
                    i{
                        color: red
                    }
                    span{
                        color:red; 
                                 
                    }
                })  
                  **i{
                    margin-bottom:0.05rem;
                }**        
            }

在以上的代码中我们可以看出在a标签中嵌套着 和标签，在激活的状态下，i 和 span
的字体颜色变红，然后我们想要在整体的状态下（即任何时候）给i或者span添加样式，有的时候我们会直接写在下面，这时候会发现不生效，要写在上面，哎，又跳过一坑，
如果这篇文章对你起到了帮助，就给个赞?咩