139618 - Inline Styles not being properly applied

Status: VERIFIED INVALID

(Core :: CSS Parsing and Computation, defect)

Description

[Stephan Golux]

Go to the web page:

http://www.juergenbamberger.com

If you look at this with any other sufficiently recent browswer (IE, Netscape
4.x, Opera 5.x) the word "Home" in the upper left corner will be rendered in
yellow and all in capitals, as the inline style in the page source will suggest.
 However, Mozilla does not render this word correctly.

If, however, you click on the "Welcome" link, you will go to

http://www.juergenbamberger.com/welcome.html

in this case the yellow all capitals is rendered properly, even though the EXACT
same strategy is in use.

Both pages are valid Loose HTML 4.01 as validated by w3.org.

Comment 1

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

The style rule contains the following selector:

A.homelink, A:homelink:visited

which is invalid according to CSS1 and CSS2.  Any browser that does anything
other than ignoring this style rule is not complying with the CSS1/2 specs. 
(The first of the ":"s should be a ".".  But I think what you really meant was
"A.homelink:link, A.homelink:visited", since :link and :visited are mutually
exclusive.)

See CSS2 section 4.1.7 ( http://www.w3.org/TR/REC-CSS2/syndata.html#q8 ), which
says:  "When a user agent can't parse the selector (i.e., it is not valid CSS2),
it must ignore the {}-block as well."

Comment 2

[Hixie (not reading bugmail)]

VERIFIED (the website was fixed and now works)