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

Re-posted to restore inadvertently omitted first line of text. 

> -----Original Message-----
> From: www-style-request@w3.org 
> [mailto:www-style-request@w3.org] On Behalf Of Belov, Charles
> Sent: Friday, January 14, 2011 1:16 PM
> To: www-style list
> Subject: [css3-selectors] Please add example of stacking 
> sequence within a not-so-simple selector
> 

The page http://www.w3.org/TR/css3-selectors/ has examples of simple
> 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 Saturday, 15 January 2011 00:11:28 UTC