css - .loading css 不适用于外部样式表

Question

我.loading定义了一个 css 类，如果我将它作为内部 css 添加到页面中，它似乎才起作用。style.css当我将它移动到我的外部文件时，它无法生成加载圈。

以下是我所知道的：

1. style.css正在加载，因为页面已设置样式，并且我还通过 firebug 进行了双重检查。

2. 我尝试添加.loading到.css它自己的文件并加载它，但它仍然失败。

3. 我的文件中没有.loading定义另一个类style.css
4. 我已经尝试重命名.loading为.loadingCircle没有更改（这样做是否与 JQuery 冲突）

我的头文件：

<link href="css/style.css" rel="stylesheet" type="text/css">
<script type='text/javascript' src='includes/js/jquery.js'></script>
<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="includes/js/jquery-ui-1.8.21.custom.min.js"></script>
<script type='text/javascript' src='includes/js/createDialog.js'></script>
<script type="text/javascript" src="includes/js/jquery.tablesorter.js"></script>
<script type="text/javascript" src="includes/js/jquery.tablesorter.pager.js"></script>
<script type='text/javascript' src='includes/js/script.js'></script>

Answer 1

在 jqueryui css 导入之后移动你的 css 文件。如果他们具有相同的特异性，最后一个获胜......

Answer 2

谢谢大家。在再次查看我的 css 时，我发现这是加载图像的路径问题。我想如果我添加了它，有人会为我发现它

我的文件夹结构是这样的：

 /css
 /images
 searchForm.php
 index.php
 edit.php

我的 .loading css 里面searchForm.php有：

.loading {
       background:url('images/ajax-loader_thick.gif') no-repeat center center;

当我将它添加到style.css文件夹内的文件时，我错过了这样做css：

.loading {
       background:url('../images/ajax-loader_thick.gif') no-repeat center center;