Comments on: Using the CSS @import Rule

By: bhushab

bhushab — Mon, 26 Dec 2011 04:57:19 +0000

it’s this what i need;
thanks buddy..

By: Aeomer

Aeomer — Mon, 25 Jul 2011 20:12:11 +0000

I don’t friggin believe this – talk about not knowing how to program a comments system!!!! What is this, Drupal? It strips the script tag rather than escaping it – dumb dumb dumb!

Here we go again. To stop a flash of unstyled content….

Change GT to a greater than symbol.
Change LT to a less than symbol.
Change FS to a forward slash symbol.
Change EQ to an equals symbol.
Change SQ to a single quote.

LTscript typeEQSQtextFSjavascriptSQGT LTFSscriptGT

By: Aeomer

Aeomer — Mon, 25 Jul 2011 20:07:40 +0000

Looks like this site is stripping script examples!

Here is the code to stop a flash of unstyled content – remove the extra spaces.

By: Aeomer

Aeomer — Mon, 25 Jul 2011 20:05:24 +0000

1. To prevent the flash of unstyled content add "" to2. This technique add additional http requests the first time (1 extra actually for the wrapper) and then the browser should consider the wrapper file a cached entity.3. Unfortunately, this technique prevents using 'auto-versioned' files where the data type stamp is added to the file name and then stripped by an .htaccess file. If you don't know what I mean then you need to consider this rewrite rule.RewriteCond %{REQUEST_URI} (\.css|\.js|\.bmp|\.jpg|\.jpeg|\.png|\.gif|\.ico|\.swf|\.CSS|\.JS|\.BMP|\.JPG|\.JPEG|\.PNG|\.GIF|\.ICO|\.SWF)$ RewriteRule ^(.*)\.[\d]+\.(css|js|bmp|jpg|jpeg|png|gif|ico|swf|CSS|JS|BMP|JPG|JPEG|PNG|GIF|ICO|SWF)$ $1.$2If you can't follow that then you need to study. It would take too long to explain here.

By: jesu

jesu — Thu, 23 Jun 2011 11:00:19 +0000

ooops code didn’t past

By: ryanqm

ryanqm — Fri, 10 Jun 2011 23:32:26 +0000

@Katie, copy the code in your common css in the same order as you had all the @import commands. For example if you had imported a.css and then b.css now you will have to copy the code of a.css above b.css. I hope it will solve your problem

By: Katie @ women magazine

Katie @ women magazine — Tue, 07 Jun 2011 14:13:33 +0000

I have used a theme which has lots of imports at the top of the theme. While going through YSlow logs i tried to copy paste all the import css files to make them as one long css file. Unfortunately, it breaks the UI entirely. Now, i am wondering when these are imported then my site is working fine but when i copy all of them into single css file it breaks the UI, any idea?

By: nurettin

nurettin — Fri, 18 Mar 2011 15:43:16 +0000

i want to improt ony 1 image in css how it?

By: Anil Kumar

Anil Kumar — Sun, 13 Feb 2011 10:54:07 +0000

This technique is really helpful. i appreciate it.

By: Ryanqm

Ryanqm — Sun, 30 Jan 2011 12:27:41 +0000

Sometimes my CSS loads later then the HTML and during css loading the page looks awefull. whats the solution of this problem? is it something with @import?