HTML或JSP页面链接CSS,link标签没问题,但不显示样式问题解决

在完成JavaWeb项目是,使用tomcat+servlet,给jsp页面添加了css样式,添加<style>标签测试样式是好用的,同类路径也可以访问到css内容,但是运行后样式并没有生效。

看了一些文章,还是没有找到原因,后来发现,是因为css放到了WEB-INF文件夹下,是访问不到的,将CSS文件夹移动到外层的web文件夹中就可以正常使用了!!

如上图,将css文件夹和WEB-INF文件夹放在同级,都是在web文件夹下就可以正常显示样式了,jsp文件中的<link>标签也需要同步进行调整,我这里jsp文件是在WEB-INF下,所以引用要这样修改,访问上级文件再进行访问

html 复制代码
<!-- 修改前  -->
<link rel="stylesheet" type="text/css" href="css/product.css">
<!-- 修改后  -->
<link rel="stylesheet" type="text/css" href="../css/product.css">
相关推荐
ji_shuke1 小时前
远程排查 Web 系统问题:如何导出 HAR 文件协助定位
前端·问题排查
学计算机的计算基1 小时前
操作系统内存管理全解:虚拟内存、页表、COW、malloc、OOM一篇搞定
java·笔记·算法
tachibana21 小时前
hot100 前 K 个高频元素(347)
java·数据结构·算法·leetcode
程序员爱钓鱼2 小时前
Rust String 与 &str 详解:字符串所有权、借用与转换
前端·后端·rust
万亿少女的梦1682 小时前
基于Spring Boot、Java与MySQL的网络订餐系统设计与实现
java·spring boot·mysql·系统设计·网络订餐
码农学院2 小时前
GEO与SEO协同:从传统搜索到生成式搜索的平滑迁移路径
服务器·前端·python
咩咩啃树皮10 小时前
第40篇:Vue3组件化开发精讲——组件拆分、复用、父子通信、工程化架构
java·前端·架构
阳光是sunny10 小时前
LangGraph中的Reducer是什么
前端·人工智能·后端
触底反弹10 小时前
一文搞懂 Tailwind CSS 弹性布局:从原理到实战
前端·css·html
阳光是sunny10 小时前
从链到图:LangGraph 入门基础全解析
前端·人工智能·后端