I think link is the better choice because it's clean and nice and the order doesn't matter.

Click to expand...

Brandon, the order in which you specify the stylesheets does matter!

The rules specified in stylesheets linked later in the webpage take precedence over the rules in stylesheets linked earlier (unless you break this precedence by using !important). That's the whole point of 'C' in css: Cascade

The rules specified in stylesheets linked later in the webpage take precedence over the rules in stylesheets linked earlier (unless you break this precedence by using !important). That's the whole point of 'C' in css: Cascade

Click to expand...

I guess either the article was wrong, or i misinterpreted it Im going to go with me misinterpreting it.

A STYLE block can contain multiple @import rules, but @import rules must precede allother rules.I’ve seen cases where this is overlooked, and developers spend time
trying to determine why the stylesheet isn’t loaded from an @import rule.For this
reason, I prefer using the LINK tag (one less thing to keep track of).Beyond the easier
syntax, there are also performance benefits to using LINK instead of @import.The
@import rule causes the blank white screen phenomenon, even if used in the document
HEAD, as shown in the following example

Click to expand...

Since import rules must precede all other rules [order matters] and this is a comparison of the two, i assumed the LINK must be the opposite [order doesn't matter]

I guess either the article was wrong, or i misinterpreted it Im going to go with me misinterpreting it. Since import rules must precede all other rules [order matters] and this is a comparison of the two, i assumed the LINK must be the opposite [order doesn't matter]

Click to expand...

The article is explaining that the @import rules must be specified right at the top of a <style> block or an external stylesheet. So while something like this would work:

Code:

@import url('style.css');
.foo { font-size: 48px; }

This won't:

Code:

.foo { font-size: 48px; }
@import url('style.css');

The browsers (Firefox & IE, in my case) silently ignore the @import rule when it's not at the beginning of a block. It's important to note that the rules in the imported and linked stylesheets still cascade as usual, though.