Некорректное применение css стилей

Так я загружаю стили:

<head>
<link href="css/A.style.css.pagespeed.cf.X_y49ODPuC.css" media="all" rel="stylesheet" type="text/css"/>
</head>
***
<style>
*** Мои стили
</style>

А в итоге получаю такой результат:

введите сюда описание изображения


Ответы (2 шт):

Автор решения: Arcadiy

Если идет конфлик стилей, то применяется правило, "кто последний, тот и прав" у вас есть 2 варианта решения данной задачи:

  1. прописывать стили перед закрывающимся тегом body
  2. это добавить стилю !important, то-бишь так color: #fcffff!important;
→ Ссылка
Автор решения: Grundy

Твои стили применяются к контейнеру и наследуются элементами, находящимися внутри контейнера.

Стили из файла применяются непосредственно к элементу, поэтому перебивают унаследованные стили.

→ Ссылка