set css for last div layer based on its class

[southbeach]

I have something like this

<div style="with: 100%;">
  <div class="tab">AAAA</div>
  <div class="tab">BBBB</div>
  <div class="tab">BBBB</div>
</div>

in the css I have

.tab {
background: #eee;
color: #000;
border-color: #000;
border: 1px double #000033;
border-width: 1px 0px 1px 1px;
...
}

the DIVs are rendered dynamically and I am looking for CSS to set the right border for the last rendered DIV to set the right border. I've tried

.tab:last-child { border-right: 1px double #000033; }

and/or

div.tab:last-child

[code]

I cannot get it to work.  What am I doing or must do to get this to work without having to do it within the server side script?

Thank you all in advance for your assistance!


--
SouthBeach
[URL unfurl="true"]http://www.fp2php.com[/URL]
The good thing about not knowing is the opportunity to learn - Yours truly, 2008.

 

[feherke]

Hi

Works for me :

http://dabblet.com/gist/9c77693d99883872b038

Feherke.
feherke.ga

 

[audiopro]

with: 100%?

Do you mean width?

Keith

http://www.studiosoft.co.uk

 

[southbeach]

@feherke, Thanks for taking the time to check on it and putting up the dabblet snippet.

@audiopro, Yes, I meant width - I typed the above off the top of my head, it was not cut/paste.

Thank you guys!



--
SouthBeach

http://www.fp2php.com

The good thing about not knowing is the opportunity to learn - Yours truly, 2008.