Нужна стратегия, чтобы некоторые страницы использовали только определенный CSS

Question

Итак, у меня есть страница HTML, которая имеет свой собственный файл CSS.Это выглядит точно так, как я хочу, чтобы это выглядело, когда он находится в своем собственном HTML-коде только с собственным CSS-кодом.Это многостолбцовый, многорядный указатель даты jqueryui.Структура HTML в основном разбивается на div с некоторыми внутренними div и таблицами внутри.Большая часть CSS-документа взята из themeroller jquery-ui, но у него есть специфические настройки.Большая часть всего выбора делается на основе классов.

Я хочу поместить этот div на другую веб-страницу, на которой уже есть тонны (возможно, плохо написанного) CSS без изменения внешнего вида.В CSS для средства выбора даты мои выборы достаточно специфичны, чтобы не влиять на остальную часть страницы.Однако я не уверен, что существующий CSS достаточно специфичен, чтобы не влиять на мой указатель даты.

Что я могу сделать в своем HTML / CSS, чтобы убедиться, что ничто из существующего не касается этого div или чего-либо в нем?

Answer 1

Прежде чем начать работать с любым веб-сайтом, я обычно сбрасываю CSS.

Большинство браузеров имеют свои собственные уникальные значения по умолчанию для элементов, и они иногда не подходят для вашего сайта.* Однако вы можете попробовать переопределить все эти свойства, чтобы эффективно «сбросить» CSS.

Yahoo предоставляет таблицу стилей, которую вы можете включить, и даже имеет «контекстную» версию, которую я предлагаюВы.

Читайте об этом здесь: http://yuilibrary.com/yui/docs/cssreset/

Answer 2

1 - убедитесь, что ваш инструмент выбора даты css загружается после остальной части страницы css - тогда он должен переопределить любой «плохой» css на странице

2 - используйте «! Important» в ваших стилях, чтобыфорсировать переопределение - не лучшее решение, но последнее средство, если больше ничего не работает