CSS';1px固体#000';产生双重边界

CSS';1px固体#000';产生双重边界,css,border,Css,Border,我很困惑。我发誓我以前使用过这个CSS,它生成了1px的边框,没有任何问题 CSS是: #menu-primary-menu-1 { border: 1px solid #000; padding: 1em; } 它正在应用于的顶部导航周围 然而,它产生了双重边界 我看不到CSS在这里被应用,这是产生这种双重边界。你能删除这个边框吗 .header-center nav{ border: 1px solid #000; /**Remove this border

我很困惑。我发誓我以前使用过这个CSS,它生成了1px的边框,没有任何问题

CSS是:

#menu-primary-menu-1 {
    border: 1px solid #000;
    padding: 1em;   
}
它正在应用于的顶部导航周围

然而,它产生了双重边界

我看不到CSS在这里被应用,这是产生这种双重边界。你能删除这个边框吗

.header-center nav{
    border: 1px solid #000; /**Remove this border**/
}

您的
.header center nav
也有一个1px的黑色边框。这样,您就得到了两个黑色边框。您确定CSS规则单独产生了两个边框吗?换句话说,如果你只删除了这个规则,两条边界都消失了吗?如果是这样的话,很可能有两个元素共享相同的ID。标题和菜单都有边框,这就是为什么会有两个边框。