Date: Thu, 08 Jan 2009 16:31:13 -0500
From: Brett <[email protected]>
Subject: [css-d] question about combining descendant selectors
To: [email protected]
Message-ID: <[email protected]>
Content-Type: text/plain; charset=ISO-8859-1; format=flowed
I'm wondering if combined selectors have a lower specificity than
non-combined. For example in my stylesheet I have:
.hm #events_snip .date, .article { color: red; }
.hm #news_snip .date, .article { color: green; }
On the page the .article class shows up green, even though it is NOT
descendant from #new_snip, it is descendant from #events_snip. Why does
it do that?
Now, if I have this:
.hm #events_snip .article { color: yellow; }
.hm #news_snip .date, .article { color: green; }
The .article class shows as yellow. I don't understand this.
-----
These are two separate selectors, separated by a comma
.hm #events_snip .date,
.article { color: red; }
.hm #news_snip .date,
.article { color: green; }
.article{ color: red; }
is overridden by
.article { color: green; }
because it is lower down the cascade. Neither selector includes #news_snip as
it is before the comma.
In your second example, since the article is in fact a descendant of
#events_snip, it takes on the more specific selector .hm #events_snip .article
See here for more information.
http://www.w3.org/TR/CSS21/syndata.html#rule-sets
Mark
--------------------------------------------------------------------------
AstraZeneca UK Limited is a company incorporated in England and Wales with
registered number: 03674842 and a registered office at 15 Stanhope Gate, London
W1K 1LN.
Confidentiality Notice: This message is private and may contain confidential,
proprietary and legally privileged information. If you have received this
message in error, please notify us and remove it from your system and note that
you must not copy, distribute or take any action in reliance on it. Any
unauthorised use or disclosure of the contents of this message is not permitted
and may be unlawful.
Disclaimer: Email messages may be subject to delays, interception, non-delivery
and unauthorised alterations. Therefore, information expressed in this message
is not given or endorsed by AstraZeneca UK Limited unless otherwise notified by
an authorised representative independent of this message. No contractual
relationship is created by this message by any person unless specifically
indicated by agreement in writing other than email.
Monitoring: AstraZeneca UK Limited may monitor email traffic data and content
for the purposes of the prevention and detection of crime, ensuring the
security of our computer systems and checking Compliance with our Code of
Conduct and Policies.
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
