html - 我的 CSS 样式表没有链接

标签 html css eclipse

所以,一个多小时以来,我一直在寻找解决方案。我检查了路径问题。我检查过语法。我找不到任何固有的问题。我确定这是“链接”标签的问题,因为内部样式表工作得很好。如果有帮助,我正在使用 Eclipse 的动态 Web 元素。

这是样式表 (master.css):

@CHARSET "ISO-8859-1";
body{
    background-color: #000000;
    color: green;
}

这是 .xhtml 文件 (main.xhtml):

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets">

    <h:head>
        <link type="text/css" rel="stylesheet" href="master.css"/>
    </h:head>

    <h:body>
        <div style="border-width: 2px; 
          border-color: blue; border-style: solid;">
         <ui:insert name="header">
            <ui:include src="header.xhtml" />
         </ui:insert>
        </div>
        <br/>
        <div style="border-width: 2px; 
          border-color: green; border-style: solid;">
         <ui:insert name="content">
            <ui:include src="body.xhtml" />
         </ui:insert>
        </div>
        <br/>
        <div style="border-width: 2px; 
          border-color: red; border-style: solid;">
         <ui:insert name="footer">
            <ui:include src="footer.xhtml" />
         </ui:insert>
        </div>
    </h:body>
</html>

Here is the Hierarchy

我还通过 Windows 文件系统确认它们位于同一目录中。

感谢大家的帮助!

最佳答案

因为你的 CSS 与你的 main.xhtml 在同一个父级下文件,尝试在你的 href 中放置一个正斜杠<link> 中的属性标签。所以:

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

关于html - 我的 CSS 样式表没有链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43702282/

相关文章:

javascript - 如何在调查问卷表单中添加显示/隐藏

jquery - Bootstrap 4-通过单个按钮操作显示一个div并隐藏另一个div

html - 卸载图像下的自定义替代文本

java - JSP 中的样式表为空

java - Eclipse 中通用类型的自动完成

javascript - 如何使用 for 循环创建多个进度条?

javascript - 如何在 JQuery 中将相邻兄弟选择器与 "this"一起使用?

javascript - 如何将最后单击的 anchor 设置为与所有其他链接不同的颜色?

java - 导入 javax.ws 无法在 Eclipse 上使用 GET 解析

java - 在 Eclipse 中计算行号