网上查了资料都是一些案例,没有告诉你规律,比如下面一个例子:
编译前
#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是咋形成?
因为用的是#demo .overview .fakelink继承的
是全局匹配呀,#demo .overview 后代有.fakelink这个节点呀
不只是匹配儿子节点,是对后代所有节点都匹配呀