Html 将最后一个类别取消订购

我试图使最后一个类别没有底部边界，有没有任何技巧来完成它没有编程

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>

#菜单{
边框：1px红色实心；填充：10px
}
#菜单a{
显示：块；
边框底部：1px#000点
}
主菜单

看一看
：last child
伪类，它将css规则仅应用于最后一项：

在这种情况下，您可以通过以下方式设置最后一个链接的样式：

#菜单a:最后一个子项{边框底部：无}

要支持IE，请查看
：last child
伪类，该类将仅对最后一项应用css规则：

在这种情况下，您可以通过以下方式设置最后一个链接的样式：

#菜单a:最后一个子项{边框底部：无}

对于支持IE在此处完成：
在此处完成：
您可以尝试此操作，因为
最后一个孩子
在
IE中不起作用

HTML

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

以下内容将影响
p
之后的第一个
a
，
a:first child
在IE中不起作用，因为
p
是第一个子元素

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

.
您可以试试，因为
最后一个孩子
在
IE中不起作用

HTML

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

以下内容将影响
p
之后的第一个
a
，
a:first child
在IE中不起作用，因为
p
是第一个子元素

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

.
last child
与IE不兼容，至少不在6-8中，不知道IE9。
last child
与IE不兼容，至少不在6-8中，不知道IE9。