рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдХрдо html>body form
рдХреА рдкрдВрдХреНрддрд┐ рдореЗрдВ рдЗрдВрдЧрд┐рдд рдХрд░реЗрдЧрд╛, рд╣рд╛рд▓рд╛рдВрдХрд┐ рдкрд░рд┐рднрд╛рд╖рд╛ рд╕реНрдкрд╖реНрдЯ рд░реВрдк рд╕реЗ input
ред
рд╣рд╛рд▓рд╛рдВрдХрд┐, &
рдСрдкрд░реЗрдЯрд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╕рдордп рдпрд╣ рд╕рд╣реА рдврдВрдЧ рд╕реЗ рдХрд╛рдо рдХрд░реЗрдЧрд╛, рд▓реЗрдХрд┐рди рдЗрд╕ рддрд░рд╣ рдХреА рд╕рднреА рдХрдо рдкрд░рд┐рднрд╛рд╖рд╛рдУрдВ рдХреЛ рдмрджрд▓рдиреЗ рдореЗрдВ рджрд░реНрдж рд╣реЛрддрд╛ рд╣реИ
html>body form {
input {
color: cyan !important;
}
& input {
background: yellow !important;
}
}
рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рдХрдо рдореЗрдВ рд╕рдорд░реНрдерд┐рдд рдЕрдиреНрдп рдСрдкрд░реЗрдЯрд░реЛрдВ рдХреЗ рд▓рд┐рдП рд╣рдж рддрдХ рд╣реЛ рд╕рдХрддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдХрднреА рднреА рдХрдо рдирд╣реАрдВ, рдпрд╛ рддреЛ рдЦрд╛рд▓реА рдпрд╛ рдХрд┐рд╕реА рднреА рдСрдкрд░реЗрдЯрд░ рдХреЛ рд╕реНрд░реЛрдд рдорд╛рдирдЪрд┐рддреНрд░реЛрдВ рджреНрд╡рд╛рд░рд╛ рд╕рд╣реА рдврдВрдЧ рд╕реЗ рд╕рдорд░реНрдерд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдП, рдХреНрдпреЛрдВрдХрд┐ рдпрд╣ рд╡реИрдз рдХрдо рдХреЛрдб рд╣реИред
рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдРрд╕рд╛ рдЗрд╕рд▓рд┐рдП рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдХрдо рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЕрд▓рдЧ-рдЕрд▓рдЧ рдЬрдЧрд╣реЛрдВ рд╕реЗ рдЖрдиреЗ рд╡рд╛рд▓реЗ рдЪрдпрдирдХрд░реНрддрд╛рдУрдВ рдХреЗ рд╡рд┐рднрд┐рдиреНрди рд╣рд┐рд╕реНрд╕реЛрдВ рдХреЛ рдЪрд┐рд╣реНрдирд┐рдд рдХрд░рддрд╛ рд╣реИ .. рдЗрд╕рд▓рд┐рдП рдпрд╣ рдХреНрд░реЛрдо рдХреЛ рдмрддрд╛рддрд╛ рд╣реИ рдХрд┐ рдЪрдпрдирдХрд░реНрддрд╛ рдХрд╛ рдкрд╣рд▓рд╛ рднрд╛рдЧ рд▓рд╛рдЗрди 3 рд╕реЗ рдЖрддрд╛ рд╣реИ рдФрд░ рджреВрд╕рд░рд╛ рднрд╛рдЧ рд▓рд╛рдЗрди 9 рд╕реЗ рдЖрддрд╛ рд╣реИред рдЬрдм рдХрдо &
рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реИ
рд╣рд╛рд▓рд╛рдБрдХрд┐, рдХреНрд░реЛрдо рдореЗрдВ рджреА рдЧрдИ рдЬрд╛рдирдХрд╛рд░реА рд╡реИрд╕реЗ рднреА рдмрд╣реБрдд рд╣реА рд╕рдВрдХреНрд╖рд┐рдкреНрдд рд╣реИ, рд╣рдореЗрдВ рд╢рд╛рдпрдж рдЪрдпрдирдХрд░реНрддрд╛ рдХреЗ рдЕрдВрддрд┐рдо рднрд╛рдЧ рд╕реЗ рд╣реА рдЬрд╛рдирдХрд╛рд░реА рджрд┐рдЦрд╛рдиреА рдЪрд╛рд╣рд┐рдПред
рдпрд╣ рдмрдЧ рдЕрдм рдХреНрд░реЛрдорд┐рдпрдо рдмрдЧ рдореЗрдВ рд╣реИ: https://code.google.com/p/chromium/issues/detail?id=287382
рд╕реНрд╡рдпрдВ рдХреЛ рдиреЛрдЯ рдХрд░реЗрдВ: рдкреНрд░рддреНрдпреЗрдХ рдкрде рдЖрдЙрдЯрдкреБрдЯ рд╣реЛрдиреЗ рд╕реЗ рдкрд╣рд▓реЗ fileinfo рдХреЛ рдУрд╡рд░рд░рд╛рдЗрдб рдХрд░рдХреЗ рд╣рд▓ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред рд╡рд┐рд╕реНрддрд╛рд░ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рднреА рд╕реЛрдЪрдиреЗ рдХреА рдЬрд░реВрд░рдд рд╣реИ рдЬрд╣рд╛рдВ рдордзреНрдп рдЪрдпрдирдХрд░реНрддрд╛ рдХреЛ рдкреНрд░рддрд┐рд╕реНрдерд╛рдкрд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ - рдкрде рд╡рд┐рд╕реНрддрд╛рд░ рдХреЗ рдХрд╛рд░рдг рдмрдирд╛рдпрд╛ рдЧрдпрд╛ рд╣реИ рдЗрд╕рд▓рд┐рдП рд╡рд┐рд╕реНрддрд╛рд░ рдорд╣рддреНрд╡рдкреВрд░реНрдг рдмрд╛рдд рд╣реИред
рдЗрд╕реЗ рдЕрднреА рдХреЗ рд░реВрдк рдореЗрдВ рдЪрд┐рд╣реНрдирд┐рдд рдХрд░реЗрдВ рдХреНрдпреЛрдВрдХрд┐ рдЖрдк рд╣рдореЗрд╢рд╛ рдиреАрдЪреЗ рд╕реНрдХреНрд░реЙрд▓ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ .. рдпрд╣ рдХрдо рд╕реЗ рдХрдо рдЖрдкрдХреЛ рдПрдХ рд╕реВрдЪрдХ рджреЗрддрд╛ рд╣реИ .. рдЬрдм рддрдХ @dotnetwise рдЖрдкрдХреЗ рдкрд╛рд╕ рдХреЛрдИ рдХрд╛рд░рдг рдирд╣реАрдВ рд╣реИ рдХрд┐ рдпрд╣ рдПрдХ рдмрдбрд╝реА рд╕рдорд╕реНрдпрд╛ рдкреИрджрд╛ рдХрд░ рд░рд╣рд╛ рд╣реИред
рдиреЛрдЯ: # 1715 рд╕реЗ рд╡рд░реНрдХрдЕрд░рд╛рдЙрдВрдб рдХреЛ рдирд┐рдпрдВрддреНрд░рд┐рдд рдХрд░рдирд╛ рд╣реИ рдФрд░ рд╕рдВрдкрддреНрддрд┐ рдкрд░ рдХреНрд▓рд┐рдХ рдХрд░рдирд╛ рд╣реИ рдЪрдпрдирдХрд░реНрддрд╛ рдирд╣реАрдВред
рдиреЛрдЯ 2: рдХреНрд░реЛрдо рдЗрд╕реЗ рдареАрдХ рдирд╣реАрдВ рдХрд░реЗрдЧрд╛, рдЗрд╕рд▓рд┐рдП рдЗрд╕реЗ рдХрдо рдореЗрдВ рд╕рдВрдмреЛрдзрд┐рдд рдХрд░рдирд╛ рд╣реЛрдЧрд╛, рд╢рд╛рдпрдж рдЕрдВрддрд┐рдо рддрддреНрд╡ рдЕрдиреБрдХреНрд░рдордгрд┐рдХрд╛ рдвреВрдВрдв рд░рд╣рд╛ рд╣реИ? рдПрдХ рдЪрдпрдирдХрд░реНрддрд╛ рдореЗрдВ
: рдореИрдВ рд╕реЗ рдЙрджрд╛рд╣рд░рдг рдХреЛрдб рдХрд╛ рдкрд░реАрдХреНрд╖рдг рдХрд┐рдпрд╛ рд╣реИ http://stackoverflow.com/questions/27983598/css-source-maps-doesnt-report-the-correct-line-when-using-nested-selectors
#main {
max-width: 500px;
color: white;
.sub-container {
color: blue;
}
}
рдореИрдВрдиреЗ рдкрд╛рдпрд╛ рдХрд┐ рд╕рдорд╕реНрдпрд╛ рди рдХреЗрд╡рд▓ рдХреНрд░реЛрдо рдореЗрдВ рдмрд▓реНрдХрд┐ рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ рдореЗрдВ рднреА рд╣реЛрддреА рд╣реИред рдлрд┐рд░ рдореИрдВрдиреЗ рдХреЛрдб рдХреЛ рдЧрд▓реНрдк-рд▓реЗрд╕ рдФрд░ рдЧрд▓реНрдк-рд╕реЛрд░реНрд╕рдореИрдк рдХреЗ рд╕рд╛рде рд╕рдВрдХрд▓рд┐рдд рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХреА (рдЬрд╣рд╛рдВ рдореБрдЭреЗ рдЙрдореНрдореАрдж рд╣реИ рдХрд┐ рдЧрд▓реНрдк-рд╕реЛрд░реНрд╕рдореИрдк рдПрдХ рдЕрд▓рдЧ рд╕реЛрд░реНрд╕рдореИрдк рдЬрдирд░реЗрдЯрд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реИ)ред рдЧрд▓реНрдк рдмрд┐рд▓реНрдб рдиреЗ рднреА рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рдорд╛рдзрд╛рди рдирд╣реАрдВ рдХрд┐рдпрд╛ред
рдЬрдм рдореИрдВ рдПрдХ рд╣реА рдХреЛрдб рдХреЛ sass рдХреЗ рд╕рд╛рде рд╕рдВрдХрд▓рд┐рдд рдХрд░рддрд╛ рд╣реВрдВ рддреЛ рдХреНрд░реЛрдо рдФрд░ рдПрдлрдПрдл рджреЛрдиреЛрдВ рдореЗрдВ рдЬреЗрдирд░реЗрдЯ рдХрд┐рдП рдЧрдП рд╕реЛрд░реНрд╕рдореИрдк рдХреЛ 4 рддрдХ рд╕рд╣реА рдврдВрдЧ рд╕реЗ рдЗрдВрдЧрд┐рдд рдХрд░рддрд╛ рд╣реИред
рджреВрд╕рд░реА рдУрд░ рдХрдо рдореЗрдВ рдХрд┐рд╕реА рдмрд┐рдВрджреБ рдкрд░ рд╕рд╣реА рд░реЗрдЦрд╛ рд╕рдВрдЦреНрдпрд╛рдПрдВ рд╣реЛрддреА рд╣реИрдВ ( --line-numbers=comments рдХреЗ рд╕рд╛рде):
/* line 1, /t.less */
#main {
max-width: 500px;
color: white;
}
/* line 4, /t.less */
#main .sub-container {
color: blue;
}
рд╣рд╛рдВ, рд▓реЗрдХрд┐рди рдХреЗрд╡рд▓ "рдиреЗрд╕реНрдЯреЗрдб рдирд┐рдпрдо" рдХреЗ рд▓рд┐рдП рдирд╣реАрдВ
рдпрджрд┐ рдЖрдк рдХрд┐рд╕реА рдмрдбрд╝реЗ рдирд┐рдпрдо рдореЗрдВ рдХреБрдЫ рднреА рдШреЛрдВрд╕рд▓рд╛ рдмрдирд╛рддреЗ рд╣реИрдВ, рддреЛ рд╕рднреА рд╕реНрд░реЛрдд рдорд╛рдирдЪрд┐рддреНрд░ рд░реЗрдЦрд╛рдПрдВ рдЙрд╕рдХреЗ рд╢реАрд░реНрд╖ рдкрд░ рдЗрдВрдЧрд┐рдд рдХрд░реЗрдВрдЧреАред
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
рдиреЛрдЯ: # 1715 рд╕реЗ рд╡рд░реНрдХрдЕрд░рд╛рдЙрдВрдб рдХреЛ рдирд┐рдпрдВрддреНрд░рд┐рдд рдХрд░рдирд╛ рд╣реИ рдФрд░ рд╕рдВрдкрддреНрддрд┐ рдкрд░ рдХреНрд▓рд┐рдХ рдХрд░рдирд╛ рд╣реИ рдЪрдпрдирдХрд░реНрддрд╛ рдирд╣реАрдВред
рдиреЛрдЯ 2: рдХреНрд░реЛрдо рдЗрд╕реЗ рдареАрдХ рдирд╣реАрдВ рдХрд░реЗрдЧрд╛, рдЗрд╕рд▓рд┐рдП рдЗрд╕реЗ рдХрдо рдореЗрдВ рд╕рдВрдмреЛрдзрд┐рдд рдХрд░рдирд╛ рд╣реЛрдЧрд╛, рд╢рд╛рдпрдж рдЕрдВрддрд┐рдо рддрддреНрд╡ рдЕрдиреБрдХреНрд░рдордгрд┐рдХрд╛ рдвреВрдВрдв рд░рд╣рд╛ рд╣реИ? рдПрдХ рдЪрдпрдирдХрд░реНрддрд╛ рдореЗрдВ