Jquery手风琴删除border-top

Question

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

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

http://jsfiddle.net/q2Gm9

Answer 1

border-top: 0 !important;

你需要添加！important，它告诉样式优先于之前的样式。

可能值得一读css如何定位元素和优先级：这篇文章比我更好地解释了它： What are the priorities among CSS selectors

作为注释：我似乎记得在某些浏览器中遇到一些问题，如果边框样式设置不同，例如，如果您向所有边框添加样式，然后尝试使用单独的边框设置覆盖，例如border-top - I对不起，我记不起确切的细节，但如果你有其他边界问题，请记住。

---

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

---

Answer 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.

Answer 3

试试这个

border-top: none !important;