Стиль CSS не распознается в Firefox при запуске localhost ⇐ CSS

[Anonymous]

Я протестировал простой HTML-файл со стилями CSS.
В принципе правильный вывод должен выглядеть так (я смог получить этот правильный вывод в vscode):
введите здесь описание изображения
Однако, когда я запускаю localhost в браузере FireFox, выходные данные, которые я получаю, не содержат стилей CSS:
введите здесь описание изображения
Я проверил инструменты разработчика в Firefox и заметил предупреждение под названием «Набор правил игнорируется из-за неправильного выбора»:
введите здесь описание изображения
Кто-нибудь знает, как решить проблему? Я несколько раз проверил свои файлы CSS и то, как я их использовал в файле HTML, и никаких проблем с синтаксисом быть не должно. Однако мой браузер Firefox просто не отображает CSS, когда я запускаю localhost.
это мой CSS-файл:
введите здесь описание изображения

Код: Выделить всё

p.hometown {
font-size: 35px;
color: green;
}

а это мой HTML-файл:
введите здесь описание изображения

Код: Выделить всё

Document



This is HTML here!

Another line here!

 A simple Chat Application
 a h2 here 
a new paragraph!

и, наконец, это вывод таблицы стилей из Инструмента разработчика в Firefox (обратите внимание на строку 22, там есть только тег), поэтому не знаю, почему в сообщениях об ошибках указана строка 22:
введите здесь описание изображения
может ли кто-нибудь дать мне несколько советов? спасибо
Я просмотрел множество других похожих сообщений на stackoverflow (например, «Стили CSS не распознаны» и т. д.), но все равно безуспешно.

Подробнее здесь: https://stackoverflow.com/questions/785 ... ost-is-run