- From: Belov, Charles <Charles.Belov@sfmta.com>
- Date: Fri, 14 Jan 2011 13:15:31 -0800
- 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 UTC