2017-09-06 3 views
0

在grails项目中,添加内部工程,但如果我将代码复制到外部CSS中,我添加的CSS代码不会执行。对于整个项目来说,.css文件是正确加载并显示的,但对于我输入为内部CSS的特定行代码,如果放置在外部CSS而不是内部,则它们不会执行。Grails - 内部CSS工作,但外部失败

GSP页:(内部CSS的作品,因为它应该)

<head> 
    <meta charset="utf-8"/> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'myStylesheet.css')}" type="text/css"/> 
    <g:javascript src="employeeFunctions.js"/> 
    <g:javascript src="Tablesorter/docs/js/jquery-latest.min.js"/> 
    <g:javascript src="Tablesorter/js/jquery.tablesorter.min.js"/> 
    <g:javascript src="sortEmployees.js"/> 
    <style> 
     table.tablesorter th.tablesorter-headerUnSorted { 
      background: url('../images/bg.gif') no-repeat center right; 
      cursor: pointer; 
     } 
     table.tablesorter th.tablesorter-headerAsc { 
      background: url('../images/asc.gif') no-repeat center right; 
     } 
     table.tablesorter th.tablesorter-headerDesc { 
      background: url('../images/desc.gif') no-repeat center right; 
     } 
    </style> 
</head> 

试图通过.css文件中的样式:(外部CSS不执行的我添加几行代码)

什么是有趣的是,在内部CSS,我得到以下警告:

Selector tablesorter-headerUnSorted is never used 
Selector tablesorter-headerAsc is never used 
Selector tablesorter-headerDesc is never used 

但即使这些警告出现,表正确排序!

在外部CSS添加这些代码部分后,我得到0警告和外部CSS似乎理解这些选择器,但他们不执行,而我有这些行在外部,而不是在内部的CSS!

带内嵌CSS

enter image description here

随着外部CSS

enter image description here

回答

2

背景:网址( '../图像/ bg.gif')

检查文件“bg。 GIF”。它在正确的位置吗?

example

相关问题