Html 当我尝试渲染pdf文件时，css在渲染插件中不起作用_Html_Maven_Grails_Rendering_Gsp

Html 当我尝试渲染pdf文件时，css在渲染插件中不起作用

html maven grails

Html 当我尝试渲染pdf文件时，css在渲染插件中不起作用,html,maven,grails,rendering,gsp,Html,Maven,Grails,Rendering,Gsp,我正在使用渲染插件制作pdf文件。为此，我正在使用渲染插件。我尝试为我的模板添加css文件，但它不起作用。我有点困惑，我应该如何在我的gsp页面导入css文件这是我的模板 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <div> <link rel="styleshe

我正在使用渲染插件制作pdf文件。为此，我正在使用渲染插件。我尝试为我的模板添加css文件，但它不起作用。我有点困惑，我应该如何在我的gsp页面导入css文件

这是我的模板

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<div>
<link rel="stylesheet" href="${grailsApplication.config.grails.serverURL}/${resource(dir:'css',file:'main.css')}" />
<div id="wapper"  class="wapper">
    <div id="title">
        <div class="titleLeft"></div>

        <div class="titleContent">
        </div>

        <div class="titleRight"></div>
    </div>

    <div id="profilePic"></div>

    <div id="mainContent">
        <div id="leftContent">
          // some code here

        </div>

        <div id="rightContent">
                <h2>Contact</h2>

                <div class="content">
                    // some code here.
                </div>

            <div class="refrence">
                <div class="blockHeader">References</div>

               // some code here
            </div>
        </div>
        </div>
    </div>
</div>

我试图在模板开始时添加样式标签。但我给出了一个错误。标签在这里

<style type="text/css">
@import url("../../css/templateCss/template8.css");

p {
color: #f00;
}
</style>

我没有达到我错的地方。有人能帮我解决这个错误吗？请提供一个如何在模板中添加css的运行示例。

尝试只使用

${resource（dir:'css'，file:'main.css'）}

，就足够了：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<div>
<link rel="stylesheet" href="${grailsApplication.config.grails.serverURL}/${resource(dir:'css',file:'main.css')}" />
<div id="wapper"  class="wapper">
    <div id="title">
        <div class="titleLeft"></div>

        <div class="titleContent">
        </div>

        <div class="titleRight"></div>
    </div>

    <div id="profilePic"></div>

    <div id="mainContent">
        <div id="leftContent">
          // some code here

        </div>

        <div id="rightContent">
                <h2>Contact</h2>

                <div class="content">
                    // some code here.
                </div>

            <div class="refrence">
                <div class="blockHeader">References</div>

               // some code here
            </div>
        </div>
        </div>
    </div>
</div>

<link rel="stylesheet" href="${resource(dir:'css', file:'main.css')}" />

<link rel="stylesheet" href="${resource(dir:'css', file:'main.css')}" />