Re: [css-d] Help with adding a class and overriding the parent class style

2012-05-29 Thread Micky Hulse 
Hello,

On Mon, May 28, 2012 at 10:03 PM, Larry Martell larry.mart...@gmail.com wrote:
 I have tried every which way I can think of to specify this, e..g.:
 #waferiz .waferviz .wafer_summary .metadata b {
   color: black;
 }

I don't know your full stylesheet, so I can't really offer up many
suggestions (and/or optimizations), but:

1. You're missing a v in your #waferviz ID (#) for the .metadata b
style declaration.

2. Here's a fiddle:

http://jsfiddle.net/X8RkK/

... Do you need IE6 support? If not, you could do this:

http://jsfiddle.net/PUjpg/2/

... more info here on the child selector:

http://coding.smashingmagazine.com/2009/10/14/css-differences-in-internet-explorer-6-7-and-8/

I am sure others could give better solutions. :)

Cheers,
Micky
__
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/

Re: [css-d] Help with adding a class and overriding the parent class style

2012-05-29 Thread Larry Martell 
On Tue, May 29, 2012 at 12:49 AM, Micky Hulse
mickyhulse.li...@gmail.com wrote:
 Hello,

 On Mon, May 28, 2012 at 10:03 PM, Larry Martell larry.mart...@gmail.com 
 wrote:
 I have tried every which way I can think of to specify this, e..g.:
 #waferiz .waferviz .wafer_summary .metadata b {
   color: black;
 }

 I don't know your full stylesheet, so I can't really offer up many
 suggestions (and/or optimizations), but:

 1. You're missing a v in your #waferviz ID (#) for the .metadata b
 style declaration.

Thank you. That was the problem.

-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/

[css-d] Help with adding a class and overriding the parent class style

2012-05-28 Thread Larry Martell 
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/