I'm very new with CSS, so please bear with me.
I have a page that has the following hiercharchy:
<div id="waferviz">
<div id="waferviz1">
<div class="waferviz">
<div class="wafer_summary">
With this CSS:
#waferviz .waferviz .wafer_summary b {
color: navy;
}
I need to add another div below wafer_summary:
<div class="metadata">
I want that div's bold text to be black, not navy (but all the other
bold text in wafer_summary that's not in metadata should still be
navy.
I have tried every which way I can think of to specify this, e..g.:
#waferiz .waferviz .wafer_summary .metadata b {
color: black;
}
but nothing works - my metadata bold text is navy. What is the way to do this?
(As an aside to my issue, I've never seen the # in a CSS, and I can't
find any info on that when I google it or in my CSS book. What is that
all about?)
TIA!
-larry
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
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/
