Блог

Вот заголовок моего документа:

 <title>My Form</title>
<script src="navigation.js" type="application/javascript"></script>
<link rel="stylesheet" href="navigation.css" type="text/css">
<!--style>
    .form-section {
        display: none;
    }

    .form-section.current {
        display: block;
    }
</style-->
  

Когда я раскомментирую блок стилей, все работает нормально. Однако при комментариях ничего не работает, несмотря на то, что navigation.css имеет точно такой же код. Кроме того, я вижу, что navigation.css правильно выбирается на вкладке сеть.

Что может препятствовать стилизации страницы при загрузке стилей извне?

Редактировать: это то, что есть в navigator.css:

 .form-section {
    display: none;
}

.form-section .current {
    display: block;
}

.demo-form {
    border: solid;
}

form {
    border: solid;
}
  

Как бы то ни было, это то, что я вижу, возвращается и на вкладке сеть:

Но на вкладке «Источники» она пуста:

Заголовки:

Проблема заключалась в том, что nginx правильно обслуживал файл. Пришлось добавить эту строку в блок location в nginx.conf:

         include  /etc/nginx/mime.types;