Как задать box-sizing:border-box только для одного блока?

Question

[Вадим Свердлик]

Я практически закончил верстку и доработку сайта, делал все без свойства box-sizing:border-box, но теперь необходимость появилась сделать карусель,установил slick-slider , а му это свойство просто необходимо,без него слайдер некорректно делает себе ширину слайдов, плывет страница. Если ставлю свойство,то все норм именно в этой странице, но везде на других страницах тогда много моментов плывет. Можно ли как-то задать свйоство для всех элементов именно карусели ,или отдельного дива,потому что не хочу много чего передделывать,а иначе слайдер плывет

Comments

[iBird Rose]

а проблема то в чем? оборачиваешь слайдер в какой то блок и задаешь ему box-sizing:border-box;
можешь еще так:
.slider-wr * {box-sizing:border-box;}

[historydev]

А добавить отдельный id/класс для этого не вариант?

Answer 1

[fureg]

Оборачиваете ваш слайдер в div (к примерму с классом "parent") и при написании стилей указываете селектор:
.parent .класс_слайда { * необходимые стили * }. Всё просто:)

Comments

[Вадим Свердлик]

так оно не работает у меня

[fureg]

есть ссылка на код?

[Вадим Свердлик]

нет,локальный сервер

[fureg]

Вадим Свердлик, попробуй !important или подключай стили позже подключения стилей слик-слайдера