Один стиль CSS применяется только на локальном хосте, а не на хостинге сервера

Question

У меня есть этот style.css

.testing {
  display: block;
  width: 800px;
  text-align: center;
  padding: 30px;
  margin: 0 auto;
}

, применяемый к одному элементу в html

<div class="testing"><div id="disqus_thread"></div></div>

Он отлично работает на локальном сервере, где он центрирует вещи внутри и делает его800 пикселей в ширину.Когда я загружаю его на той же веб-странице, что и мой локальный хост, но на интернет-хостинг, этот один стиль не применяется вообще.Глядя на активные стили страницы, он не загружен.Можете ли вы помочь мне объяснить и исправить это?Понятия не имею, почему.

РЕДАКТИРОВАТЬ: css import <link rel="stylesheet" href="css/style.css">

как это должно выглядеть и как это выглядит на локальном сервере (правильное заполнение сверху и по бокам с правильной шириной)

как это выглядит на веб-хостинге (без отступов, без ширины, ничего не применяется)

другие стили в стиле.CSS правильно применяется к другим элементам на моих страницах

Answer 1

Жесткое кодирование в HTML с style="" работает.Это не красиво, но другого пути нет

Answer 2

Используйте # для выбора идентификатора, а не (.), Потому что на вашем действующем сайте нет класса .testing, это идентификатор.

#testing {
  display: block;
  width: 800px;
  text-align: center;
  padding: 30px;
  margin: 0 auto;
}