Grails - 内部CSS工作，但外部失败

在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

随着外部CSS

来源

2017-09-06 ceid-vg

背景：网址（ '../图像/ bg.gif'）

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

example

来源

2017-09-07 06:12:24 hallywang

Grails - 内部CSS工作，但外部失败

回答

相关问题