如何关联到母版页的相对CSS

how to relate to a relative css of master page?

本文关键字:母版页 相对 CSS 何关联 关联      更新时间:2023-09-26

我有几个html页面是由我的java应用程序生成的:

html_pages/
   |
   ----> landin_page.html
html_pages/details
   |
   ----> index1.html
html_pages/more_details
   |
   ----> index2.html
html_pages/css
   |
   ----> master_page.css

我想在每个html页面的页眉中引用master_page.css。

我怎么能把它联系起来?

我想使用绝对路径,但我得到404

<link rel="stylesheet" href="/html_pages/css/master_page.css">

如果您将以下内容添加到每个页面的<head>(假设它们与CSS文件位于同一目录中),它应该使用样式表。

<link rel="stylesheet" href="master_page.css" type="text/css">

使用${pageContext.request。是提及完整路径的标准方式。

<link rel="stylesheet" href="${pageContext.request.contextPath}/css/delta_samples.css">

添加 $ {pageContext.request。contextPath}就可以了。

" . ./"也可以,但不推荐作为最佳实践!!如果使用这个,代码有时可能会中断。

您希望使用..来表示父目录:

<link rel="stylesheet" href="../css/delta_samples.css">