. Loading css не работает с внешней таблицей стилей

Question

У меня есть класс css .loading, который работает только, если я добавлю его на страницу как внутренний css. Он не может создать загрузочный круг, когда я переместил его в свой внешний файл style.css.

Вот что я знаю:

1. style.css загружается, поскольку страница стилизовано и я также проверил через поджигатель.

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

Спасибо всем. Еще раз взглянув на мой 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; 

Answer 2

Переместить файл CSS после импорта jqueryui CSS. Последний выигрывает, если у них такая же специфичность ...