改天换地
2021-08-29 18:14
采纳率: 66.7%
浏览 13

scss的@extend到底是怎么工作的?

网上查了资料都是一些案例,没有告诉你规律,比如下面一个例子:
编译前

#admin .tabbar a {
  font-weight: bold;
}
#demo .overview .fakelink {
  @extend a;
}

编译后

#admin .tabbar a, 
#admin .tabbar #demo .overview .fakelink, 
#demo .overview #admin .tabbar .fakelink {
  font-weight: bold;
}

前面两个还好理解点,最后这个#demo .overview #admin .tabbar .fakelink是咋形成?

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • 落落Plus 2021-08-31 15:32

    因为用的是#demo .overview .fakelink继承的
    是全局匹配呀,#demo .overview 后代有.fakelink这个节点呀
    不只是匹配儿子节点,是对后代所有节点都匹配呀

    打赏 评论