68566 - css does not parse styles with underscores in the names

Status: VERIFIED INVALID

(Core :: Layout, defect)

Description

[Philip van Allen]

When a style sheet has a class definition where the name has an underscore
character "_", Mozilla ignores the style.  For example, if the following style
is defined:

.verdana_fixed_10 { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px }

it will not be displayed properly.  On the other hand, if the same style is
defined without the underscore, it will be displayed correctly

.verdana10 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px }

Comment 1

[Boris Zbarsky [:bzbarsky]]

Underscores are not allowed in class names by the CSS specification.  They are
reserved for future extensions to the language. Reference:
http://www.w3.org/TR/REC-CSS2/syndata.html#q4

Quote:

 In CSS2, identifiers  (including element names, classes, and IDs in selectors)
can contain only the characters [A-Za-z0-9] and ISO 10646 characters 161 and
higher, plus the hyphen (-); they cannot start with a hyphen or a digit. They
can also contain escaped characters and any ISO 10646 character as a numeric
code (see next item).

As you can see, underscores are not in the list of characters allowed in class
names.  So Mozilla is behaving correctly in ignoring syntactically incorrect CSS
rules.

Marking invalid.  You should replace underscores in your class names with a
legal character (a dash ('-') is good).

Comment 2

[Sebastian Späth]

verified

Comment 3

[Heikki Toivonen (remove -bugzilla when emailing directly)]

SPAM. HTML Element component is deprecated, changing to Layout component. See
bug 88132 for details.

Comment 4

[Heikki Toivonen (remove -bugzilla when emailing directly)]

Come on Bugzilla, you can do it...