Как я могу остановить CSS моей CMS, влияющий на мой контент?

Question

Я использую CMS, которая была плохо сконфигурирована с ужасным CSS (например, H1 составляет около 12 пикселей).Как я могу загрузить свой контент без заражения этим больным CSS?

Я рассматривал iframe, но хотел бы сохранить его в CMS, если это возможно.Будут ли работать кадры?

Answer 1

Если вы можете сохранить свой контент в элементе с определенным классом или идентификатором (например, <div class="content">, то вы можете адаптировать таблицу стилей сброса (например, Эрик Мейер ), чтобы сбросить все в этом классе:

.content div, .content span, /* ...and so on */
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

Затем напишите все ваши стили с префиксом этого класса, например,

.content h1 {
    font-size: 3em;
}

Если вы предпочитаете сбросить все до стилей браузера по умолчанию (а не без стилевых настроек, которые вы получаете с помощью таблицы стилей сброса), вы можете адаптировать встроенную в Firefox таблицу стилей html.css аналогичным образом. (т.е. префикс всех его селекторов с классом / идентификатором на элементе, содержащем весь ваш контент).

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

Возможно, вы захотите изменить свою CMS - они предназначены для сокращения объема работы, которую вы должны выполнять, а не для ее увеличения.

Answer 2

Есть ли возможность загрузить ваши собственные классы CSS? Вы должны загрузить свои CSS-классы после CSS-классов CMS и переопределить их.