Nekoweb站点导航栏跨页面样式不一致，如何修复？

核心问题 #

看你贴的CSS代码，发现了直接导致问题的错误：

.nav item a {
    text-decoration: none;
    color: black;
    font-size: 18px;
}

这个选择器写法错了——你要选的是.nav-item类下的<a>标签，但加了空格后，变成了找带.nav类的元素里的item标签下的<a>，而你的HTML里根本没有这俩玩意儿，所以这个样式规则根本没生效。

首页显示正常大概率是因为缓存了旧的正确代码，或者首页有其他隐式样式兜底，其他页面没这个缓冲，就直接用了浏览器默认的12px字体。

修复方法 #

1. 修正CSS选择器，把错误的选择器改成正确的：

.nav-item a {
    text-decoration: none;
    color: black;
    font-size: 18px;
}

2. 强制刷新页面清缓存，用Ctrl+Shift+R（Windows）或Cmd+Shift+R（Mac）重新加载gallery这类页面，确保新CSS生效。
3. 排查样式表路径：确认gallery.html里的CSS引入路径和index.html一致，比如index用<link rel="stylesheet" href="style.css">，如果gallery在子文件夹里，就得写成../style.css——不过你说布局样式生效了，这个概率低，但可以顺便检查下。

额外提示 #

以后遇到样式不生效的情况，直接按F12开开发者工具，选中对应的元素看「样式」面板，就能直观看到哪些规则没匹配上，或者被其他规则覆盖了，排查效率会高很多。

内容的提问来源于stack exchange，提问作者Jester234