Jquery Accordion 删除边框顶部答案

【问题标题】：Jquery Accordion remove border-topJquery Accordion 删除边框顶部
【发布时间】：2012-09-04 09:57:46
【问题描述】：

在下面的代码行中，如何删除边框顶部？我试过“border-top：none;”但这没有用。任何帮助将不胜感激！

dd { border-top: 0; font-size: 12px; &:last-of-type { border-top: 1px solid white; position: relative; top: -1px; }

【问题讨论】：

【解决方案1】：

border-top: 0 !important;

您需要添加 !important，它告诉样式优先于以前的样式。

可能值得一读关于 css 如何定位元素以及优先考虑的内容：这篇文章比我能更好地解释它： What are the priorities among CSS selectors

请注意：如果边框样式设置不同，我似乎记得在某些浏览器中遇到了一些问题，例如，如果您向所有边框添加样式，然后尝试用单独的边框设置覆盖，例如边框顶部 - 我'很抱歉，我不记得确切的细节，但如果您有其他边界问题，请记住一些事情。

更新：我已经简化了 css 以删除嵌套 css 和不必要的重复选择，请在此处查看 http://jsfiddle.net/VWQct/24/ 。这是你想要达到的目标吗？

【讨论】：

不幸的是，它对我不起作用，仍然显示线条，但现在为黑色。 jsfiddle.net/m4FLd
您的 css 有点难以阅读，我不确定您是否正在查看您认为的边框。您可以尝试为每个边框设置不同的颜色，以便知道您正在查看哪个边框。但是，您有多个针对同一元素的规则，如果我是您，我会简化事情并分别针对 dd 和 dt，摆脱嵌套的 css，然后您将突然有一个非常简单的问题要解决。
它是黄色的线。如果可能的话，我想把它全部删除。 jsfiddle.net/VWQct
@jbnbtw 那是因为 dt 设置了border-bottom 删除它，你可以看到 dd 没有border-top :)
@AbstractChaos 我删除了边框底部集，但黄线仍然存在。 :(

【解决方案2】：

<dt><a href="">Panel 1</a></dt>
on Panel 1 click you should set border-bottom:0px !important;
because border-top is working fine.

【讨论】：

这对我不起作用。试图删除黄线。让我知道你的想法。 jsfiddle.net/VWQct
黄线颜色可以换成白色
我想把这条线全部删除，而不是让这条线变成白色。
点击你可以在这个控件上添加类并设置类属性border-bottom:0px !important; $('.accordion > dt').addClass('hidetopborder');

【解决方案3】：

试试这个

border-top: none !important;

【讨论】：

还是没有运气。 :(这很奇怪，这条线仍然显示为黑色jsfiddle.net/eDW9e
这一行的问题 .accordion dd:last-of-type, .accordion dt:last-of-type { border-bottom: 1px solid #000000;您需要将这两个类分开，然后您可以为每个类指定单独的边框。