我的CSS样式表没有链接

时间:2017-04-30 02:18:00

标签: 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文件系统确认它们位于同一目录中。

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

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

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