60357 - First CSS class listed is ignored if called through external file

Status: RESOLVED INVALID

(SeaMonkey :: General, defect, P3)

Description

[Alex Bischoff]

From Bugzilla Helper:
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; m18) Gecko/20001116
BuildID:    2000111604

If CSS is put in the HEAD, it works fine. But, if an external file is used, the
first class listed there is ignored by the browser.

Reproducible: Always
Steps to Reproduce:
1. First, goto http://fbox.vt.edu/users/abischof/css/css-ok.html
, which shows what the output should look like.
2. Then, visit http://fbox.vt.edu/users/abischof/css/css-error.html which should
look the same as the first webpage. The only difference is that the CSS is
specified in an external file, instead of in the HEAD.

Actual Results:  The first CSS class for css-error.html is ignored, as it's
specified in an external file.

Expected Results:  All CSS classes should have been evaluated.

The test pages work fine in both Netscape 4.x and IE.

Comment 1

[Boris Zbarsky [:bzbarsky]]

Your external stylesheet starts with
<STYLE TYPE="TEXT/CSS">
<!--

This is the syntax for embedding stylesheets in HTML, it has no place in an
external stylesheet.  Mozilla ends up (correctly) reading the first rule as:

<STYLE TYPE="TEXT/CSS"> <!-- .firstclass { color: blue;}

And then ignoring it according to the rules for ignoring syntactically incorrect
CSS rules.

Removing the HTML markup from your stylesheet makes it work fine.

Marking Invalid.