Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Foundations Getting Started with CSS Adding CSS to a Page

branco design
branco design
5,120 Points
Posted by branco design
branco design
5,120 Points

Espresso text edit ? is different for edit html and css style?

<style type"text/css"> @import "css/more-styles.css"; </style>

This code work inside de html.

@import "css/more-style.css";

this don't work on style.css

3 Answers

Jacob Miller
Jacob Miller
12,466 Points
Jacob Miller
Jacob Miller
12,466 Points

In CSS it would be @import url("css/more-style.css");

Robert Stewart
Robert Stewart
11,921 Points
Robert Stewart
Robert Stewart
11,921 Points

Actually, CSS @import doesn't require the url(). (It works both ways)

The problem is that your 1st CSS file is looking for "css/css/more-style.css". You need to write the link relative to your 1st CSS file. Since they are both in the same folder you can forget the "css/" like so:

@import "more-style.css";

or you could just add "../" so the 1st CSS file looks for the 2nd CSS file from the root of your website like so.

@import "../css/more-style.css";