如何使用嵌套花括号
这可以工作
#notifications .notice {
@apply bg-purple-100;
}
#notifications .alert {
@apply bg-pink-200;
}
但是这不起作用
#notifications {
.notice {
@apply bg-purple-100;
}
.alert {
@apply bg-pink-200;
}
}
CSS 中不可能有嵌套大括号吗？
This works
#notifications .notice {
@apply bg-purple-100;
}
#notifications .alert {
@apply bg-pink-200;
}
But this doesn't work
#notifications {
.notice {
@apply bg-purple-100;
}
.alert {
@apply bg-pink-200;
}
}
Is it not possible to have nested curly braces in CSS?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论