W3C home > Mailing lists > Public > www-style@w3.org > January 2011

[css3-selectors] Please add example of stacking sequence within a not-so-simple selector

From: Belov, Charles <Charles.Belov@sfmta.com>
Date: Fri, 14 Jan 2011 13:15:31 -0800
Message-ID: <E17F75B6E86AE842A57B4534F82D03769C35A9@MTAMAIL.muni.sfgov.org>
To: "www-style list" <www-style@w3.org>
selectors, but has only one example of a not-so-simple selector, that of
two classes:

p.pastoral.marine { color: green }

It would be good if there was an example of a complex selector, so that
I would know the proper sequence or validity, if any, of something like:

a.pastoral.marine[id][title]:hover:first-letter

I'm actually looking for the proper sequencing of
a.pastoral[style*=font-weight:bold], and I see upon testing that it
works in Firefox 3.6, but it would be good to explicitly show something
complex like that as an example.

My actual code:

a.pageIndexLink[style*="font-weight:bold;"], 
a.pageIndexLink[style*="font-weight: bold;"], 
a.pageIndexLink[style*="FONT-WEIGHT: bold"]
{
	color: #000 ! important;
	text-decoration: none ! important;
}

(to support Firefox, Safari and IE, which each require a slightly
different syntax; oddly Firefox supports it without the * even though
there are other properties in the style attribute)

Hope this helps,
Charles Belov
SFMTA Webmaster
Received on Friday, 14 January 2011 21:17:39 GMT

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