2014-12-11 3 views
0

Я работаю над веб-сайтом, проблема в этом. У меня есть некоторые div и таблицы на моей странице.css- конфликт в стилях css с другим css-файлом

Я написал для них несколько классов и стилей и сделал их похожими на то, что я хочу.

Затем я добавляю плагин jquery, и у него есть файл css. Я включаю его, и многие мои стили разрушаются и меняются.

Я использовал! Важно при именах классов, попробуйте отредактировать их, и это некоторые из них, но большинство из них по-прежнему плохие.

Есть ли способ сделать отдельные стили? способ заставить файлы jquery css работать только для него и не влияет на всю страницу?

+0

Мне действительно нужна дополнительная информация, я не могу чувствовать запах вашей проблемы. Действительно ли плагин необходим? Нужен ли файл .css или вы можете его удалить? Вы пробовали переименовать свои классы? – Nick

ответ

2

Нет пива и никакого кода делает Гомера сходить с ума! есть два варианта, почему иностранный css трахает ваш дизайн.

1st - вы используете те же имена классов и идентификаторов.

  • Это можно легко противопоставить, изменив имена классов на нечто уникальное. я обычно добавить префикс к моим классам и идентификаторов, чтобы добиться того, что ...

второй - включённые плагин стилей в себя элементы и не используют имена классов или идентификаторы

  • это может быть противопоставлен при изменении порядка загрузки css. сначала плагин, второй собственный стиль.

согласно http://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/: Последнее правило определено отменяет все предыдущие, противоречащие друг другу правила.

  • Если он все еще испортит некоторые из ваших элементов, то вы, вероятно, не разработали эти элементы в своем css и, следовательно, возьмите другой стиль.

, тем не менее, лучшим подходом было бы, чтобы взять плагин стилей и лишить ее всего, что конфликты с вашей stylsheet, так что у вас есть не более противоречивые правила!

2

вы можете:

  1. Измените имена классов
  2. Убедитесь, что вы включили ваш CSS после плагина CSS (так переопределить плагин)
  3. Создайте имя класса для вашей страницы и использования вложенные имена классов (.page-name div.className)
  4. Осмотрите элементы чем-то вроде firebug или любого другого инструмента разработчика и посмотрите, как плагин css переопределяет ваш css (с! важным, более длинным вложением или просто потому, что он был объявлен позже).