大佬教程收集整理的这篇文章主要介绍了css – Sass扩展和父选择器，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
%btn // ...button styling... &[disabled],&.btn--disabled color: red .btn-priMary @extend %btn
CSS输出如下：
[disabled].btn-priMary,.btn--disabled.btn-priMary{ color: red; }
当我想得到以下内容时：
.btn-priMary[disabled],.btn-priMary.btn--disabled { color: red; }
我不明白为什么输出顺序与指定的顺序不一样.我怎么能改变呢？
%btn[disabled],%btn.btn--disabled color: red .btn-priMary @extend %btn
为了帮助概念化生成的CSS的结构,只需记住％占位符是一个将被@extending选择器替换的标记.
编辑
实际上,这仍然是输出
[disabled].btn-priMary,.btn--disabled.btn-priMary { color: red; }
我不希望…从语法上讲,[禁用] .btn-priMary与.btn-priMary [禁用]相同,但令人讨厌的是源序列没有被尊重.
这是我发现的一个错误报告,描述了这种行为(显然,这只是@extend的工作方式)：
> placeholder-selectors decide on the actual selector’s order,not the actual selectors
以上是大佬教程为你收集整理的css – Sass扩展和父选择器全部内容，希望文章能够帮你解决css – Sass扩展和父选择器所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。