主站点导航与博客脚本 CSS 冲突

Question

www.test.webitry.net 是一个主站点导航和标题，我已将其安装到博客脚本中，以便与主站点集成。主站点导航被一条穿过链接的白线所阻碍，它也影响了翻转。见附图。

什么可能导致这种冲突？

Answer 1

您在有序列表标签 (

) 中有一个中断标签 (
)，它是格式错误的 HTML，不应该这样做。
标签内的唯一标签是
1. 标签。

   尝试在这里也删除边框底部...

   .nav ol {
   list-style: none;
   width: 950px;
   margin: 0 auto;
   padding: 0;
   padding: 0;        /* <----- you can also remove this line since it's a duplicate */
   background-color: #3b3b44;
   border-top: 1px solid #ccf;
   border-bottom: 1px solid #ccf;  /* <---- remove this line    */
   }
   

   如果你不想要白线，它不应该在 CSS 中。

   此外，您的所有链接都在底部设置了边框，您可能需要专门为导航链接设置该属性，以免“拾取”一般锚属性。

   .nav li a {
   display: block;
   padding: 2px 20px;
   text-decoration: none;
   font-family: Helvetica, arial, sans-serif;
   font-size: 16px;
   font-weight: bold;
   color: #fff; 
   border-right: 1px solid #ccf; 
   border-bottom: none;  /* <------------ add this line */
   }