W3C home > Mailing lists > Public > www-style@w3.org > May 2010

[css21-selectors] Interpretation of attribute selector

From: Belov, Charles <Charles.Belov@sfmta.com>
Date: Thu, 27 May 2010 15:06:32 -0700
Message-ID: <E17F75B6E86AE842A57B4534F82D03769C29B4@MTAMAIL.muni.sfgov.org>
To: "www-style list" <www-style@w3.org>
I am wondering whether a problem I am observing in current browsers is
attributable to browser bugs or to my misunderstanding of the attribute
selector.  The browsers are not overriding a text alignment of justify
with left when I expect.

Given 4 test pages:

http://www.sfmta.com/cms/testSelector4.htm
with style 
p[style="text-align: justify;"] {text-align: left ! important;}
and paragraph tag
<p style="text-align: justify;">...</p>

http://www.sfmta.com/cms/testSelector5.htm
with style 
p[style="text-align:justify;"] {text-align: left ! important;}
and paragraph tag
<p style="text-align:justify;">...</p>

http://www.sfmta.com/cms/testSelector6.htm
with style 
p[style="text-align: justify;"] {text-align: left ! important;}
and paragraph tag
<p style="text-align:justify;">...</p>

http://www.sfmta.com/cms/testSelector7.htm
with style
p[style="text-align:justify;"] {text-align: left ! important;}
and paragraph tag
<p style="text-align: justify;">

Given the CSS 2.1 selector specification, I would expect:
http://www.sfmta.com/cms/testSelector4.htm left
http://www.sfmta.com/cms/testSelector5.htm left
http://www.sfmta.com/cms/testSelector6.htm justify
http://www.sfmta.com/cms/testSelector7.htm justify

but what I am seeing in Firefox 3.6.3 Windows is:
http://www.sfmta.com/cms/testSelector4.htm left
http://www.sfmta.com/cms/testSelector5.htm justify (unexpected)
http://www.sfmta.com/cms/testSelector6.htm left (unexpected)
http://www.sfmta.com/cms/testSelector7.htm justify

and in IE8 Windows, both in standards view and compatibility view:
http://www.sfmta.com/cms/testSelector4.htm justify (unexpected)
http://www.sfmta.com/cms/testSelector5.htm justify (unexpected)
http://www.sfmta.com/cms/testSelector6.htm justify
http://www.sfmta.com/cms/testSelector7.htm justify

and in Safari 4 Windows:
http://www.sfmta.com/cms/testSelector4.htm left
http://www.sfmta.com/cms/testSelector5.htm left
http://www.sfmta.com/cms/testSelector6.htm justify
http://www.sfmta.com/cms/testSelector7.htm justify


Hope this helps,
Charles Belov
SFMTA Webmaster
Received on Thursday, 27 May 2010 22:15:25 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:27 GMT