大佬晚上好~ 问个不相关的问题，就是在设置了一些CSS后 标题导航栏位置不是默认的话就有大黑/白边，有木有办法在不修改CSS的情况下修改代码解决呢 😹

大佬晚上好~ 问个不相关的问题，就是在设置了一些CSS后 标题导航栏位置不是默认的话就有大黑/白边，有木有办法在不修改CSS的情况下修改代码解决呢 😹

😂 加了什么 CSS 我参考一下，看看怎么改

😂 加了什么 CSS 我参考一下，看看怎么改

指的是加什么CSS导致这样有 白/黑边，还是说加什么CSS解决这个白/黑边~

😂 加了什么 CSS 我参考一下，看看怎么改

指的是加什么CSS导致这样有 白/黑边，还是说加什么CSS解决这个白/黑边~

🤔我在想你是不是设置一些自定义的CSS，如果是这样，你可以定位到这个导航栏的class把它的after伪元素给隐藏掉（毕竟你都可以设置CSS了），还是说这个after伪元素导致其他什么地方的样式冲突了？（这样就需要定位一下原因怎么导致的了）

😂 加了什么 CSS 我参考一下，看看怎么改

指的是加什么CSS导致这样有 白/黑边，还是说加什么CSS解决这个白/黑边~

🤔我在想你是不是设置一些自定义的CSS，如果是这样，你可以定位到这个导航栏的class把它的after伪元素给隐藏掉（毕竟你都可以设置CSS了），还是说这个after伪元素导致其他什么地方的样式冲突了？（这样就需要定位一下原因怎么导致的了）

随便设置一些非默认的背景就能看到了

• https://anwen-anyi.github.io/index/05-head.html

你可以定位到这个导航栏的class把它的after伪元素给隐藏掉

对现在是这样解决的，哈哈 我就是问问，在没新增这个导航栏的时候倒是也正常，新增了这个导航栏然后就得用一坨CSS来隐藏超出的白/黑边（或者你看看我写的CSS能不能优化优化 😹 ）

解决的CSS 是上述链接中 下面那一大块儿高亮的部分..比较长

对现在是这样解决的，哈哈 我就是问问，在没新增这个导航栏的时候倒是也正常，新增了这个导航栏然后就得用一坨CSS来隐藏超出的白/黑边（或者你看看我写的CSS能不能优化优化 😹 ）

解决的CSS 是上述链接中 下面那一大块儿高亮的部分..比较长

😂 我看了一下 导航栏 这部分的样式, 其实不需要每个模式都写一遍样式
你试试改成下面这样, 用 带 hash 的 class 定位元素的话不太稳定( hash 会变的)
如果担心 .nav 这种会定位到其他元素影响样式的话, 建议像下面这样增加 CSS 权重 (例如前面加个上一级父级元素)
而且 CSS 权重比默认样式高的话, 即使不加 !important 也能覆盖掉默认样式的

/*顶部*/
#root > .header {
    background: rgba(255, 255, 255, 0);
}
/*导航条*/
/*白天模式*/
 .hope-ui-light .body > .nav {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: var(--hope-radii-xl);
}
/*夜间模式*/
 .hope-ui-dark .body > .nav {
    background-color:rgb(0 0 0 / 50%);
    border-radius: var(--hope-radii-xl);
}
/*隐藏导航条遮罩*/
 .body > .nav::after {
    display: none;
}

😂 我看了一下 导航栏 这部分的样式, 其实不需要每个模式都写一遍样式 你试试改成下面这样, 用 带 hash 的 class 定位元素的话不太稳定( hash 会变的) 如果担心 .nav 这种会定位到其他元素影响样式的话, 建议像下面这样增加 CSS 权重 (例如前面加个上一级父级元素) 而且 CSS 权重比默认样式高的话, 即使不加 !important 也能覆盖掉默认样式的

/*顶部*/
#root > .header {
    background: rgba(255, 255, 255, 0);
}
/*导航条*/
/*白天模式*/
 .hope-ui-light .body > .nav {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: var(--hope-radii-xl);
}
/*夜间模式*/
 .hope-ui-dark .body > .nav {
    background-color:rgb(0 0 0 / 50%);
    border-radius: var(--hope-radii-xl);
}
/*隐藏导航条遮罩*/
 .body > .nav::after {
    display: none;
}

感谢大佬么么哒~ 我是划水专业户... 这样优化一下好多了~