260510 - CSS |= selector doesn't appear to work as spec'd

Status: RESOLVED INVALID

(Core :: CSS Parsing and Computation, defect)

Description

[Ronan Waide]

User-Agent:       Mozilla/5.0 (X11; U; Linux i686; en-IE; rv:1.6) Gecko/20040124
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-IE; rv:1.6) Gecko/20040124

This may not be a bug, it may be my misunderstanding. However, from the W3C
spec, it appears that |= should work as a "starts with" selector. Thus, the CSS
fragment:

A[href|="http://www.waider.ie/"]:after { content: "yay! " }

should insert the text "yay! " before any url starting with
http://www.waider.ie/. As-is (tried in Mozilla 1.6 and Firefox 0.10) it appears
to operate identically to a plain "=", i.e., it only matches the exact text given.

Reproducible: Always
Steps to Reproduce:

Comment 1

[Anne (:annevk)]

From
<http://www.w3.org/TR/2001/CR-css3-selectors-20011113/#attribute-representation>:

# Represents the att attribute, its value either being exactly "val" or
# beginning with "val" immediately followed by "-".

You want to use [att^=val] I guess.