%color {
color: blue;
}
<strong i="6">@mixin</strong> getOverridedSelector {
&#{&} {
@content;
}
}
.foo {
<strong i="7">@include</strong> getOverridedSelector {
<strong i="8">@extend</strong> %color;
}
}
.bar {
<strong i="9">@include</strong> getOverridedSelector {
color: red;
}
}
libsass 3.6.0
рд░реВрдмреА рд╕рд╛рд╕ 3.7.4
рд╕рд╛рде рд╣реА рдХреЛрдбрдкреЗрди рдкрд░ (рд╢рд╛рдпрдж libsass)
.foo {
color: blue;
}
.bar.bar {
color: red;
}
рдбрд╛рд░реНрдЯ рдПрд╕рдПрдПрд╕ 1.22.6-1 (рдЖрд░реНрдХрд▓рд┐рдирдХреНрд╕ рдФрд░)
.foo.foo {
color: blue;
}
.bar.bar {
color: red;
}
рд╕реНрд░реЛрдд рдЬрд┐рд╕реЗ рдпрд╣ рд╕рдорд╕реНрдпрд╛ рдорд┐рд▓реА: https://stackoverflow.com/questions/57376896
@ nex3 рдпрд╣ рдЬрд╛рдирдмреВрдЭрдХрд░ рд╣реИ рдпрд╛ рдбрд╛рд░реНрдЯ-рдПрд╕рдПрдПрд╕ рдореЗрдВ рдПрдХ рдкреНрд░рддрд┐рдЧрдорди рд╣реИ?
рд░реВрдмреА рд╕реИрд╕ рдХреЗ рдкрд┐рдЫрд▓реЗ рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ libsass рдХреЗ рд╕рдорд╛рди рдЖрдЙрдЯрдкреБрдЯ рдерд╛ред
рдбрд╛рд░реНрдЯ рд╕рд╛рд╕ рдпрд╣рд╛рдБ рд╕рд╣реА рд╣реИред рд░реВрдмреА рд╕реИрд╕ рдФрд░ рд▓рд┐рдмрд╕реИрд╕ рд╡реНрдпрд╡рд╣рд╛рд░ рд╡рд┐рд╕реНрддрд╛рд░ рдХреЗ рджреВрд╕рд░реЗ рдХрд╛рдиреВрди рдХрд╛ рдЙрд▓реНрд▓рдВрдШрди рдХрд░рддрд╛ .foo
, рд╡рд┐рд╢рд┐рд╖реНрдЯрддрд╛ 10) рд╡рд┐рд╕реНрддрд╛рд░рдХ рдХреА рд╡рд┐рд╢рд┐рд╖реНрдЯрддрд╛ рд╕реЗ рдЕрдзрд┐рдХ рдпрд╛ рдЙрд╕рдХреЗ рдмрд░рд╛рдмрд░ рд╣реЛрдиреА рдЪрд╛рд╣рд┐рдП ( .foo.foo
, рд╡рд┐рд╢рд┐рд╖реНрдЯрддрд╛ 20)ред
рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдирд╡реАрдирддрдо рдорд╛рд╕реНрдЯрд░ рдкрд░ рддрдп рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
рдбрд╛рд░реНрдЯ рд╕рд╛рд╕ рдпрд╣рд╛рдБ рд╕рд╣реА рд╣реИред рд░реВрдмреА рд╕реИрд╕ рдФрд░ рд▓рд┐рдмрд╕реИрд╕ рд╡реНрдпрд╡рд╣рд╛рд░ рд╡рд┐рд╕реНрддрд╛рд░ рдХреЗ рджреВрд╕рд░реЗ рдХрд╛рдиреВрди рдХрд╛ рдЙрд▓реНрд▓рдВрдШрди рдХрд░рддрд╛
.foo
, рд╡рд┐рд╢рд┐рд╖реНрдЯрддрд╛ 10) рд╡рд┐рд╕реНрддрд╛рд░рдХ рдХреА рд╡рд┐рд╢рд┐рд╖реНрдЯрддрд╛ рд╕реЗ рдЕрдзрд┐рдХ рдпрд╛ рдЙрд╕рдХреЗ рдмрд░рд╛рдмрд░ рд╣реЛрдиреА рдЪрд╛рд╣рд┐рдП (.foo.foo
, рд╡рд┐рд╢рд┐рд╖реНрдЯрддрд╛ 20)ред