Scoped CSS using @import in style attribute?

Question

This W3C draft (from 2002) mentions an intriguing way of having scoped CSS (apparently in HTML 4) using the style attribute and the @import statement in CSS. More precisely, they give the following example (example 4, section 2)

Importing a style sheet to apply as a scoped style sheet:

<div class="navigation">
          style="@import url(navigationstyles.css);">...</div>

This document defines ... and scoped style sheets (the use of >@import which apples the referenced style sheet to the subdocument >consisting of the element and its children with the element as the root, >example 4).

Now, the problem is: it doesn't work (even after removing the obvious syntax error). Using the @import statement in the style attribute has absolutely no effect (in recent versions of Safari and Firefox).

So my question is: did the authors of this draft just make a mistake, or is this example correct and I'm just missing something?

why you have an '>' after your class ending ? it should be <div class="navigation" style="@import url(navigationstyles.css);">...</div> — Aleksandar Milicevic
– Aleksandar Milicevic, Commented Jun 19, 2016 at 22:05
Because I quoted the example verbally, including the 'obvious syntax error' I mentioned. — BlenderBender
– BlenderBender, Commented Jun 19, 2016 at 22:07

Quentin · Accepted Answer · 2016-06-19 22:09:36Z

1

There is a newer version of that specification (from 2013) which is a Recommendation instead of a Draft. The example you quote has been removed.

The authors didn't make a mistake. They wrote a draft which was later revised.

answered Jun 19, 2016 at 22:09

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

BlenderBender Over a year ago

Seems so, unfortunately :(Latest version gives the following grammar for values of "style": declaration-list : S* declaration? [ ';' S* declaration? ]*; In particular, no @import is allowed :(

Collectives™ on Stack Overflow

Scoped CSS using @import in style attribute?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related