Почему тэгу не присваивается класс?

Question

[Satir01]

Верстаю сайт на localhost (под Apache), уже второй раз заметил такой баг: не присваиваются классы.
Вчера не появился background-image - думал напутал в путях и т.п., сейчас же просто div'у класс не присваивается.
Проверял в Chrome и Firefox, перезапускал сервер, перезагружал комп )))
Скриншоты прикладываю: раз и два.
Есть мысли в чем может быть дело?

UPD Не знаю зачем, я переместил стили в файле css повыше и браузер их присвоил, всё ок. Но в чем было дело?

Answer 1

[Александр Зеленин]

чудес не бывает. может быть три варианта:
1. css не загрузился (из второго скрина видим, что загрузился)
2. класс у элемента не совпадает с классом в css (просто скопируйте из css в html или наоборот. скорее всего либо кириллица либо невидимые символы)
3. css-файл бытый - где-то что-то неправильно закрыто, и после этого стили не рендерятся

Comments

[Satir01]

Александр, да в том то и дело что уже менял, да вообще переверстал заново и стили переписал.

[Александр Зеленин]

Satir01: добавил третий вариант. уверен на 99% что именно он у вас

[Satir01]

))) смотрите еще раз вопрос

[Александр Зеленин]

Satir01: ну тогда мой первый и третий вариант были верными. видимо где-то что-то не закрыто, и css не загрузился

[Satir01]

Александр Зеленин: Так скрин показал, что загрузился css. Проверяю валидность файла. Спасибо Вам))

Answer 2

[Satir01]

Перемещение стилей в файле css подтвердило, что файл не валидный, спасибо всем откликнувшимся!

Answer 3

[Arman]

Может где кириллица?

Comments

[Satir01]

Сейчас попробую...

[Satir01]

Переписал некоторые слова, проверил в word'е, сверстал заново - все равно не помогло.

Answer 4

[MintTea]

Недавно сталкивался с похожим багом - сервер отдавал css/js с mimetype text/plain, из-за чего браузер не применял стили и не выполнял скрипты. Решил корректной настройкой сервера.

У вас, вроде, проблема не в этом, но проверьте на всякий :)

Comments

[Satir01]

Я "чайник", погуглить-то смогу, но возможно у вас будут детальные советы?

[MintTea]

Вижу, что решение уже нашлось, но на будущее - советую ставить nginx перед апачем, даже на локалхосте, вдумчиво изучить https://github.com/h5bp/server-configs-nginx и использовать его.

В моем случае была потеряна директива "include mime.types;" в nginx.conf

Answer 5

[Rad1calDreamer]

было такое на open server в chrome в отладчике - не работали изменения стилей. Сначала лечилось перезапуском сервера, потом само прошло как-то(