Почему стили не применяются в magento2.2.3 после того, как пользовательский файл CSS включен

Question

Я использую версию magento2.2.3 в моей теме Magneto, добавленной пользовательский файл CSS в путь ниже проекта / app / design / frontend / vendor / theme / web / css / custom.css

и добавил исходный файл в файл default_head_blocks.XML. после этого добавили страницу со следующим кодом в HTML-контент

<div class="freegotest"><span class="tested">count down custom code</span></div>

в коде custom.css как

.tested{ 
color: red !important; 
font-size: 20px;}

При просмотре исходного кода пользовательский файл CSS включается в заголовок, но стили не применяются к тексту.

Answer 1

Ваш XML-файл должен быть nammed default_head_blocks.xml вместо default_head_blocks.XML.

После изменения имени очистите кеш и статические файлы:

1. Проверьте, используете ли вы режим dev с командной строкой

php bin/magento deploy:mode:show

2. Если режим разработчика установлен на productionпопробуйте пересобрать статический контент

php bin/magento setup:static-content:deploy

3. В любых случаях (производство или разработчик) очистите все кэшированные файлы.

php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento cache:flush;

Надеюсь, поможет

Answer 2

После обновления с 2.1 до 2.3.2 я обнаружил, что мой собственный css образцов содержимого Magento_Swatches/web/css/swatches.css из моей настраиваемой темы не объединяется со стилями-m.css и styles-l.css, которые вызывают проблемы с макетом в страница сведений о продукте.

После исследования я не могу понять, как заставить Magento 2.3.2 объединить пользовательский файл css со стилями-m.css и styles-l.css.

Поэтому я решил создать новый файл.less для Magento_Swatches. Я создаю новый файл Magento_Swatches/web/css/source/_module.less в своей настраиваемой теме, а затем перемещаю все содержимое

Magento_Swatches/web/css/swatches.css

к

Magento_Swatches/web/css/source/_module.less

затем запускает команду setup:upgrade

Хозаааааай! проблема решена, и все настраиваемые css объединены в styles-m.css & styles-l.css Похоже, Magento 2.3.2 не позволяет использовать.css напрямую в модуле