Question

I am trying to make the last category have no bottom border, is there is any trick to done it without programming?

HTML & CSS:

<style>
#menu {
  border:1px red solid;padding:10px
}
#menu a {
  display:block;
  border-bottom:1px #000 dotted
}
</style>
<div id="menu">
  <p>MAIN MENU</p>
  <a>Computers</a>
  <a>Design</a>
  <a>Programming</a>
</div>

EXAMPLE:
http://jsfiddle.net/GLJWp/

Answer 1

You may try this, because last-child doesn’t work in IE

HTML

<div id="menu">
    <p>MAIN MENU</p>
    <a>Computers</a>
    <a>Design</a>
    <a>Programming</a>
</div>​

CSS

#menu{
    border:1px red solid;padding:10px
}
#menu a{
    display:block;
    border-top:1px #000 dotted
}

The following would effect the first a after the p, a:first-child won’t work in IE because p is the first child element

#menu p + a{
    border-top: none;
}

DEMO.