2

在下面的代码行中，如何删除边框顶部？我试过“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

4

3 回答 3

4 
border-top: 0 !important;

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

关于 css 如何定位元素以及优先级可能值得一读：这篇文章比我能更好地解释它： CSS 选择器之间的优先级是什么

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

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

于 2012-09-04T10:02:49.683 回答
1 
<dt><a href="">Panel 1</a></dt>
on Panel 1 click you should set border-bottom:0px !important;
because border-top is working fine.
于 2012-09-04T10:38:29.103 回答
0

试试这个

border-top: none !important;
于 2012-09-04T10:19:26.887 回答