@Import of less files into a limited scope

Question

I want to import all styles from another less file, but into a limited scope. I\'m trying this:

\"my-site.less\"

.wrapper-class {
    @import \"path/to/s         


        

Answer 1

According to the css-spec, the @import-declaration has to come before all other declarations in the css-file. So your @import inside the rule is expected to fail. I guess the @importing at the end of the file not failing is goodwill of the browser-vendors.

I guess LESS will abide by the same rules.

EDIT: the question is, why do you want to have those styles scoped? With proper declarations, this should not be necessary.