CSS @import in CDATA test page for pavuk

Note: this is a test page for pavuk, to see if it can correctly spider/collect the CSS style sheets referenced by a the allowable CSS @import statements (Dutch link!).

The relevant code is located in the header of this page and looks like this:

<style type="text/css" media="screen" >
<![CDATA[
@import url("import_css_url_quoted_1_3.css") screen;
@import url(import_css_url_unquoted_1_3.css) screen;
@import "import_css_url_quoted_2_3.css" screen;
]]>
</style>

Note that all three @import lines (each of them is legal CSS) are hidden between XML CDATA markers.

Visual Cues

When grabbed correctly (or when viewed 'in vitro' on the website itself) you MAY see the colours in the boxes as described below. As placing CSS within comments and/or CDATA results in highly browser-dependent results, YMMV. Note that the 'desired/expected colour' is shown next to it for reference: both 'RGB colour' boxes left and right should match in colour for each of the @import formats listed above—again, depending on your browser. See quircksmode.org and ALA (A List Apart) for further info on this and related browser-dependent CSS and HTML issues.

Reference colour Successful pavuk spider action & notes

Reference colour	Successful pavuk spider action & notes
RGB colour: #b2da28	RGB colour This colour will show up when the `@import url("import_css_url_quoted_1_3.css")` CSS statement has been correctly collected—as said before on this page, depending on your browser, YMMV actually seeing this.
RGB colour: #b39707	RGB colour This colour will show up when the `@import url(import_css_url_unquoted_1_3.css)` CSS statement has been correctly collected—as said before on this page, depending on your browser, YMMV actually seeing this.
RGB colour: #bb7585	RGB colour This colour will show up when the `@import "import_css_url_quoted_2_3.css"` CSS statement has been correctly collected—as said before on this page, depending on your browser, YMMV actually seeing this.

RGB colour: #b2da28

RGB colour

This colour will show up when the @import url("import_css_url_quoted_1_3.css") CSS statement has been correctly collected—as said before on this page, depending on your browser, YMMV actually seeing this.

RGB colour: #b39707

RGB colour

This colour will show up when the @import url(import_css_url_unquoted_1_3.css) CSS statement has been correctly collected—as said before on this page, depending on your browser, YMMV actually seeing this.

RGB colour: #bb7585

RGB colour

This colour will show up when the @import "import_css_url_quoted_2_3.css" CSS statement has been correctly collected—as said before on this page, depending on your browser, YMMV actually seeing this.

Remarks

Note also that other equivalent tests, using XML CDATA markers and/or comment markers, are also available:

Other test cases

We offer additional test cases for use with pavuk ('make check') on this site. These include:

Index (collect them all)
Microsoft Internet Explorer conditional comments
CSS @import URL grabbing, where the relevant CSS is located in the HTML page