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

RE: [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 15:06:21 -0800
Message-ID: <E17F75B6E86AE842A57B4534F82D03769C35AF@MTAMAIL.muni.sfgov.org>
To: "www-style list" <www-style@w3.org>
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 GMT

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