Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

Development Tools Introduction to Front End Performance Optimization Optimize Assets Optimize CSS

Cale Matteson
Cale Matteson
11,303 Points

Where is @import appropriate?

Seems like pretty solid logic for not using the @import. I was taught 'never say never' as a kid so my question is where is @import appropriate to use? If it were truly 'never' to be used, why not remove it from support?

1 Answer

Phil Corio
Phil Corio
17,888 Points

@import lets you split your css into smaller, more maintainable files. A major drawback is that each time you use @import in css, it creates another http request. But, if you use a preprocessor such as Sass, you can have the benefit of smaller, simpler css files using @import and they will be combined and served as a single file to the browser.

Josh Olson
Josh Olson
13,236 Points

So using Sass means better organized CSS with the same performance.

Thanks so much. I was about to ask about using multiple sheets for this reason.