Как убрать эти стили у слайдера?

Question

Здравствуйте, у меня есть 2 слайдера и один должен иметь полосу прокрутку(кружочки), а другой нет использую lightslider, как убрать у второго слайдера эти кружочки внизу. Пытался основному блоку добавить background-image: none !important; но не особо помогло.

Возможный дубликат вопроса: Что делать, если не работает CSS-класс? — diralik, Jan 20 '18 at 19:10
@diraria я подключил библиотеку lightslider, если изменить стили к файлу к которому я подключился, то будет потеряна полоса у прокрутки первого слайдера. — Остин, Jan 20 '18 at 19:14

score 2 · Accepted Answer · 2018-01-20T21:12:18.903

2

Не нужно ничего скрывать. Читайте документацию по lightslider

Чтобы убрать булиты - нужно в настройках слайдера прописать:

pager: false

И как вообще свойство background-image должно было повлиять на них?

edited Jan 20 '18 at 21:12

answered Jan 20 '18 at 21:01

score 0 · Answer 2 · answered Jan 20 '18 at 19:18

Скорее всего скрыть только один из двух элементов поможет селектор дочерних элементов. Выглядит он так (пробел важен):

селектор_родителя селектор_потомка {
    /* стили */
}

Таким образом, если полоса прокрутки имеет класс rounds и хочется её скрыть только в блоке с классом block1, то можно написать что-нибудь такое:

.block1 .rounds {
    display: none;
}

Полезная статья про селекторы на learn.javascript.ru

Как убрать эти стили у слайдера?

2 Answers2