Почему стили библиотек перебивают основной стилевой файл?

Question

[SergioMarquinha]

Здравствуйте! Стили библиотек перебивают основные, менял порядок - не помогло, в чем проблема?

<?$APPLICATION->ShowHead();?>
  <?php
        
        Asset::getInstance()->addString('<meta name="viewport" content="width=device-width, initial-scale=1.0">');
        Asset::getInstance()->addString('<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css" />');
        Asset::getInstance()->addString('<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css"/>');
        Asset::getInstance()->addString('<link rel="stylesheet" href="https://unpkg.com/accordion-js@3.3.2/dist/accordion.min.css" />');
        Asset::getInstance()->addString('<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />');
        Asset::getInstance()->addCss(SITE_TEMPLATE_PATH .'/cmp/style.min.css');
        Asset::getInstance()->addJs(SITE_TEMPLATE_PATH .'/js/script.min.js');
    ?>

Answer 1

[ItsInTheGameRU]

Asset::getInstance()->addString('<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css" />', true, AssetLocation::BEFORE_CSS);
Asset::getInstance()->addString('<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css"/>', true, AssetLocation::BEFORE_CSS);
Asset::getInstance()->addString('<link rel="stylesheet" href="https://unpkg.com/accordion-js@3.3.2/dist/accordion.min.css" />', true, AssetLocation::BEFORE_CSS);
Asset::getInstance()->addString('<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />', true, AssetLocation::BEFORE_CSS);

Comments

[SergioMarquinha]

Спасибо!

Answer 2

[Василий Банников]

https://developer.mozilla.org/ru/docs/Learn/CSS/Bu...

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

Comments

[SergioMarquinha]

И как быть в случае с библиотеками? Прописывать !important?

[Василий Банников]

SergioMarquinha, а что за библиотеки и как они мешают?

[SergioMarquinha]

Василий Банников, верстка:


Верстка после переноса на битрикс:



Библиотечные стили стали перебивать основные

[Василий Банников]

SergioMarquinha, и зачем тогда подключать библиотечные стили?

[SergioMarquinha]

Василий Банников, К сожалению, это не ответ на вопрос. В библиотечных хранится основной функционал, в основных - лишь маленькая корректировка

[Василий Банников]

SergioMarquinha, тогда либо через important, либо добавить новый класс и к нему уже стиль применять, либо попробовать с имеющимися классами сделать более специфичный селектор