Несколько возможных причин, по которым не применяется styles.css:

• Иерархия селекторов и переопределение стилей. 1 В CSS стили имеют строгую иерархию приоритета. 1 Если для одного элемента указано несколько стилей, то тот, что указан позже в таблице стилей, имеет больший приоритет. 1
• Неправильное написание путей к файлам и порядок загрузки. 1 Например, если скрипт JavaScript загружён до таблицы стилей, стили могут не применяться, так как JavaScript может манипулировать DOM до загрузки стилей. 1
• Ошибки в коде. 14 Пропущенная точка с запятой, неправильно размещённая фигурная скобка или ошибка в названии свойства могут нарушить работу всей таблицы стилей. 1
• Кэширование браузера. 4 Особенно актуально для Google Chrome, так как этот браузер по умолчанию кэширует все CSS-стили сайта. 4 Чтобы изменения вступили в силу, нужно либо несколько раз обновить страницу, либо очистить кэш браузера. 4

Для диагностики и устранения проблемы рекомендуется использовать инструменты разработчика браузера, чтобы inspect элементы и определить, какие стили применяются. 1