Question

所以，我一直在寻找解决方案超过一个小时。我检查过路径问题。我检查了语法。我找不到任何固有的问题。我确定这是“链接”标签的问题，因为内部样式表只能起作用。如果有帮助，我正在使用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文件系统确认它们位于同一目录中。

感谢您的帮助！

Answer 1

由于您的CSS与main.xhtml文件位于同一父级，因此请尝试在href标记的<link>属性中添加正斜杠。所以：

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

我的CSS样式表没有链接

1 个答案: