<div class="sider ant-layout-sider-collapsed"></div>
sider é local, ant-layout-sider-collapsed é global, como escrever quando se refere ao mesmo elemento de nível, mas misturado? O seguinte método de escrita parece não funcionar
.sider {
:global &.ant-layout-sider-collapsed {
.anticon {
font-size: 16px;
}
}
}
.sider {
&:global(.ant-layout-sider-collapsed) {
.anticon {
font-size: 16px;
}
}
}
Não é recomendado usar o GitHub como fórum técnico.
Muito obrigado~
Comentários muito úteis
https://github.com/camsong/blog/issues/5