本地Web应用自定义CSS不生效问题求助

我最近碰到个棘手的问题，想请大家帮忙分析下：我用EJS模板写的header partial里，已经同时引入了本地的styles.css和Bootstrap 5的CSS文件，Bootstrap的样式正常生效，但自定义的CSS完全没起作用。

Chrome开发者工具里看不到任何报错，其他partial也都正常工作，我已经检查过文件路径的大小写和正确性，实在找不到原因了。下面是我的header部分代码，麻烦各位帮忙看看有没有什么遗漏的排查方向！

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>To-do List</title>
    <!--link local and BS5 css-->
    <link rel="stylesheet" href="/public/styles.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
</head>
<body>

我整理了几个自己想到的排查方向，但还没解决问题，也欢迎大家补充其他可能性：

• 会不会是服务器端静态文件配置的问题？比如用Express的话，express.static有没有正确指向public文件夹？
• 有没有可能是CSS优先级被Bootstrap完全覆盖？我试过给自定义样式加!important测试，但还是没效果
• 浏览器会不会缓存了旧的CSS文件？我已经强制刷新过页面，但还是没变化
• CSS文件本身会不会存在语法错误？我打算接下来简化CSS代码，只写个背景色样式测试能不能生效
• 我的link标签顺序是不是有问题？现在是先引自定义CSS再引Bootstrap，是不是应该反过来让自定义样式覆盖Bootstrap？

备注：内容来源于stack exchange，提问作者Amna Khan