Как при подключении link сделать, чтобы не менялись стили всего документа?

Question

[Тёма Ти]

Подключаю к документу link для работы twitter-bootstrap карусели на сайте.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/css/bootstrap.min.css">

При этом меняются стили всех элементов документа. Как сделать так, чтобы менялись стили только одного блока - того, для которого мне это нужно? Спасибо!

Comments

[Rustam Bainazarov]

Никак.

Либо изолировать стили с помощью уникальных классов.

Либо использовать только именно стили карусели, а не всё из Bootstrap.

Либо использовать любого рода CSS-in-JS.

А зачем вообще карусель из Bootstrap? Она же говно. Почему у вас ссылка на Bootstrap 2-й версии, когда несколько лет уже 4-я есть?

[Антон]

Тёма Ти,

Она же говно.

Послушайте человека, возьмите хотя бы slick

[Тёма Ти]

Рустам Байназаров, я ещё только начинаю разбираться в каруселях, поэтому многого не знаю. Если подскажите, как можно сделать карусель без обращения к Bootstrap, буду премного благодарен.

[Тёма Ти]

Антон, оно?

https://bezramok-tlt.ru/blog/posts/slick-slider-ustanovka-nastrojka-primery-i-dokumentaciya/

[Антон]

Тёма Ти, Похоже, только переведенное. Или официальную возьмите

[Тёма Ти]

Антон, только там нет самого кода, с примером. Написаны только подключаемые модули.

[Rustam Bainazarov]

Тёма Ти, используйте Swiper. Отдельный плагин для всех слайдеров, что вам нужны.

[Антон]

Тёма Ти, А какой вам код нужен? Разметку?
Все там есть, якорь "usage".

[Тёма Ти]

Антон, спасибо!

Answer 1

[Глеб Варганов]

Сохраните стили к себе на локальный сервер, подключите их оттуда.
Таким образом на своем сервере Вы можете оставить стили только те, которые Вам необходимы.

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

Comments

[Тёма Ти]

Ещё бы знать, как это всё делать (оставить только те стили, которые необходимы). Только начинаю заниматься этим вопросом, поэтому во многом не разбираюсь.

[Глеб Варганов]

которые упомянуты в html документе (через id / class)