предотвратить сброс настроек meyer css, чтобы связываться с динамическим контентом

Question

Я реализую файл reset.css Эрика Мейера на своем веб-сайте, и он прекрасно работает, но это была небольшая проблема. В связи с этим пользователи CMS могут свободно форматировать содержимое своих статей так, как они хотят, а CSS для сброса сбрасывает форматирование своего текста.

Есть идеи, как мы можем предотвратить наследование reset.css для распространения на динамический контент?

Все, что вы вводите, приветствуется.

Answer 1

Он всегда будет распространяться (это своего рода точка reset.css :)), но если вы этого еще не сделали, вам, конечно, следует убедиться, что reset.css - это первая таблица стилей, связанная на ваших страницах -любые пользовательские стили будут переопределять стили сброса.

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

Answer 2

Как говорит сам Эрик Мейер на своей странице CSS Reset :

Стили сброса, приведенные здесь, намеренно очень общие.Например, для элемента body не установлен цвет или фон по умолчанию.Я не особенно рекомендую использовать это в неизменном виде в ваших собственных проектах.Он должен быть настроен, отредактирован, расширен и иным образом настроен для соответствия вашей конкретной базовой линии сброса.Укажите предпочитаемые цвета для страницы, ссылок и т. Д.

Другими словами, это отправная точка, а не автономный черный ящик бесконтактности.

Судя по всему, вы обнаружите, что CSS Reset делает для вас слишком много.Поэтому я бы настроил его для предметов, с которыми у вас проблемы.Например, если у вас возникли проблемы с таблицами, я бы либо удалил части CSS-сброса, предназначенные для таблиц, оставив таким образом настройки по умолчанию в браузере, либо добавил дополнительный CSS-код после сброса в таблицы своих стилей.способ.

Answer 3

У меня были такие проблемы, мое решение для этого заключалось в том, чтобы обернуть динамический контент, сгенерированный редакторами WYSIWYG, в div с уникальным классом, где для этого класса я создал таблицу стилей сброса со стандартными атрибутами!

Пример.

div.wrap_to_prevent {стиль, стиль, стиль}

ввод div.wrap_to_prevent,

div.wrap_to_prevent textarea,

div.wrap_to_prevent h1 {стиль, стиль, стиль}

.

.

и т. д.

По сути, я использовал таблицу стилей сброса, но предшествовал всем стилям css классом моего div, таким образом, он просто влияет на код внутри этого div, создавая тем самым новый набор правил для этого контента.

Поскольку в 90% моих проектов используются редакторы WYSIWYG, благодаря этому решению я смог обойти ту же проблему ...

Не могу сказать, работает ли это для вас, но дайте этопопытка !!

Answer 4

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

Answer 5

Создает ли CMS встроенные стили?В этом случае они должны переопределять стили из файла reset.css.

Если CMS включает свой собственный файл .css, убедитесь, что он появляется после файла reset.css в сгенерированном html-выводе.