On Mar 14, 2007, at 2:16 PM, Joanne wrote:

> I have a print stylesheet on a site I'm making.
>
> div#footer *{
> display: none;
> }
>
> This hides <div id="footer">
No it doesn't. It hides all the descendants of div#footer. That is  
what the * selector does there.
Depending on the formatting (e.g. padding+ border) applied to that  
div, it will still appear on the page.

> but how would I get it to hide <div
> class="footer"> I tried the following (below) but it didn't work.
>
>
> div.footer *{
> display: none;
> }
>
> &
>
> .footer *{
> display: none;
> }
In both cases, the same thing applies. You are selecting all  
descendants of an element with class footer

What you probably want is
#footer {display:none;}
.footer {display:none;}

Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>




______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to