CSS #divid div

[Audiofreq]

Hey,

I'm making a few changes to someone else's site at the moment and have come across something I've never seen before:

#footer {
text-align: center;
color: #fff;
background: #4a1c21 url(images/blfoot.gif) no-repeat 0 0px;
}
#footer div {
padding: 1px 0;
background: url(images/brfoot.gif) no-repeat 100% 0px;
}

what does the use of "div" do in the second footer?

Thanks in advance.

Jon

 

[JonD]

#footer div {
padding: 1px 0;
background: url(images/brfoot.gif) no-repeat 100% 0px;
}

That style will be applied to any div inside the footer. eg:

<div>No Style</div>
<div id="footer">
  <div>Styled with above css</div>
</div>

 

[Audiofreq]

Ahhh thanks makes sense.

Could be quite handy too!

Thanks.