sass(@at-root与&配合使用、without和with)

@at-root与&配合使用(找父级)

scss.style

css.style

应用于@keyframe

scss.style

css.style

 


@at-root (without: ...)和@at-root (with: ...)

默认@at-root只会跳出选择器嵌套,而不能跳出@media或@support。

如果要跳出这两种,则需使用@at-root (without: media),@at-root (without: support)

这个语法的关键词有四个:all(表示所有),rule(表示常规css),media(表示media),support(表示support,因为@support目前还无法广泛使用,所以在此不表)。

默认的@at-root其实就是@at-root (without:rule)。

scss.style

css.style


普通跳出嵌套

scss.style

css.style

 

posted @   酸笋  阅读(713)  评论(0编辑  收藏  举报
编辑推荐:
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 用 C# 插值字符串处理器写一个 sscanf
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
阅读排行:
· DeepSeek 解答了困扰我五年的技术问题。时代确实变了!
· PPT革命!DeepSeek+Kimi=N小时工作5分钟完成?
· What?废柴, 还在本地部署DeepSeek吗?Are you kidding?
· DeepSeek企业级部署实战指南:从服务器选型到Dify私有化落地
· 程序员转型AI:行业分析

阅读目录(Content)

此页目录为空

点击右上角即可分享
微信分享提示