Как подключить несколько файлов стилей к дочерней теме?

  • Решено jurvrn

    (@jurvrn)


    5 лет, 6 месяцев назад

    Создал дочернюю тему, в ней есть основной стиль дочерней темы (style.css) и два дополнительных стиля (style-addon.css и style-mobile.css).
    Почему-то второй стиль (style-mobile.css) не подключается (не срабатывает). В нем только код с @media (для удобства редактирования)
    Пробовал два варианта (проще и сложнее):
    1) https://rextester.com/SYLEDO51708
    2) http://sandbox.onlinephpfunctions.com/code/d9b85dff3dd1ffad0e01067148f0f1b497d956b5

    Работу кода можно посмотреть здесь https://i.yapx.ru/FIRQq.png

    Не меняется параметр #easywp-outer-wrapper

    • Тема изменена 5 лет, 6 месяцев назад пользователем jurvrn.
    • Тема изменена 5 лет, 6 месяцев назад пользователем Yui.
Просмотр 8 ответов — с 31 по 38 (всего 38)
1 2 3
  • tuxfighter

    (@tuxfighter)

    5 лет, 6 месяцев назад

    Например это можно увидеть для элемента .butggton его код для мобильных устройств загружается после стилей из самого виджета

    почитайте про вес селекторов
    подгружается все правильно, просто вес селектора из виджета намного перевешивает ваш селектор.

    Автор jurvrn

    (@jurvrn)

    5 лет, 6 месяцев назад

    tuxfighter,

    подгружается все правильно, просто вес селектора из виджета намного перевешивает ваш селектор.

    варианты? перенести весь код из других стилей в код виджета?

    и раньше этот код срабатывал (в таком же точно варианте разделения кода; когда был в основной одной теме, то есть до того как я разделил стили для дочерней и родительской темы отдельно!

    • Ответ изменён 5 лет, 6 месяцев назад пользователем jurvrn.
    tuxfighter

    (@tuxfighter)

    5 лет, 6 месяцев назад

    варианты?

    увеличить вес своего селектора.

    Автор jurvrn

    (@jurvrn)

    5 лет, 6 месяцев назад

    Через !important ?

    tuxfighter

    (@tuxfighter)

    5 лет, 6 месяцев назад

    не обязательно. в данном конкретном случае можно так:

    #content-tabnew1 p a.butggton{
    color: #7f8c8d;
}
    Автор jurvrn

    (@jurvrn)

    5 лет, 6 месяцев назад

    То есть если «расширить» ссылку указанием на основной объект, то он сработает с приоритетом? Понятно.

    tuxfighter

    (@tuxfighter)

    5 лет, 6 месяцев назад

    «расширить» ссылку

    это и называется «вес селектора«

    Автор jurvrn

    (@jurvrn)

    5 лет, 6 месяцев назад

    tuxfighter (@tuxfighter), спасибо за интересную ссылку. Данная тема себя исчерпала хотя ответа на последний вопрос я не получил

Просмотр 8 ответов — с 31 по 38 (всего 38)
1 2 3
  • Тема «Как подключить несколько файлов стилей к дочерней теме?» закрыта для новых ответов.