Как переопределить стиль в CSS?

Question

[Алексей]

Есть список < ul >, который генерирует jQuery плагин. Для этого плагина подключается и свой стиль, который оформляет этот список. Но у меня используется bootstrap. Как сделать так, чтобы список был в стиле bootstrap?

Вот такой код генерирует jQuery:

<ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content">
<li class="ui-menu-item" id="ui-id-2" tabindex="-1">тест</li>
</ul>

Можно в jquery-ui.css найти все эти стили и задать им свойства как в bootstrap, но это же не технологично.

Answer 1

[ukoHka]

Если в бутстрапе нет стилей для нужных классов, то в любом случае надо ковыряться в jquery или прописывать вручную нужные стили. В ином случае можно просто подключить бутсрап в самом конце и он переопеределит свои стили поверх jquery.

Comments

[Алексей]

Переопределение не срабатывает, т.к., как минимум, плагин добавляет классы "ui-autocomplete ui-front ui-menu ui-widget ui-widget-content". Которые не прописаны в бутстрапе. И подгржается этот ul список после загрузки страницы.

[ukoHka]

Алексей: Про это я и писал, что в любом случае надо прописывать их вручную или же ковыряться в jquery (css или js часть, на выбор).

[Алексей]

ukoHka: похоже это будет проще всего, заменить стиль в коде js. Сюрприз будет только при случайном обновлении jquery

[ukoHka]

Алексей: Случайное обновление - это как? Библиотеку можно закачать на сайт и она не будет зависеть от разработчиков. Да и грозит там максимум возврат оригинальных стилей.

[Алексей]

ukoHka: я имел в виду, что файлик jquery-ui.js заменили на новый, забыв, что в нем есть исправление.
Вообще я думал можно как-то "присвоить" одному CSS классу другой класс. Как в программировании. Что-то типа такого:
.ui-autocomplete = .boostrap;

[ukoHka]

Алексей: даже в sass и less такого скорее всего нет. В качестве примерного решения можно найти где вставляется класс ui-autocomplete и дописать рядом " bootstrap". Тогда при прочих равных добавленный позже бутстрап переопределит стили.

[Алексей]

ukoHka: согласен! Спасибо за ответ.

Answer 2

[Дмитрий Шинкарь]

В первом посте посоветовали подключать bootsrtap в конце - и вполне возможно что это выход.

От себя хочу добавить\напомнить что в css есть свойство clear - которое возможно, тоже поможет в данной ситуации.

Comments

[Дмитрий Шинкарь]

Сергей Сергеев: Вот тут именно та ситуация, когда надо написать женское "Ой, все..." :D

YUI CSS Reset (yui.github.io/yui2/#start)

Реабилитируюсь...)