выпуск таблицы стилей - PullRequest
1 голос
/ 27 апреля 2010

Когда я добавляю текст на свою веб-страницу с помощью моего текстового редактора, он правильно отображает стили внутри текстового редактора, который в основном является iframe. После сохранения этих данных они отображаются на другой странице, где возникает проблема. Я хотел, чтобы раздел описания на моей веб-странице использовал собственный стиль, не перезаписываясь стилями страницы.

Нужно ли использовать iframe для отображения этих данных? Есть ли способ, которым я могу запретить блоку использовать стиль страницы.

Пожалуйста, сообщите.

Ценю всю вашу помощь.

Ответы [ 3 ]

1 голос
/ 27 апреля 2010

CSS работает, применяя правила, которые применяются к элементам в порядке от тех, которые наиболее обычно нацелены на элемент, к тем, которые наиболее конкретно предназначены для элемента. Таким образом, вы можете добавить правила, ссылающиеся на контейнер для части описания и сбрасывать применяемые стили, которые вам не нравятся. Например, с этими правилами:

p
{
    color: red;
}
#description p
{
    color: blue;
}

... все абзацы на странице будут иметь красный текст , за исключением абзацев внутри элемента с идентификатором «description», который будет иметь синий текст (при условии, что текст не стилизован другими элементами с другие правила). Это связано с тем, что первое правило является довольно общим, второе правило более конкретным и поэтому переопределяет первое правило.

Это не обязательно должен быть контейнер с идентификатором, просто все, что делает правило более конкретно ориентированным на содержание описания. Например, если у контейнера описания нет идентификатора, но есть класс, просто измените второе правило соответствующим образом:

.description p
{
    color: blue;
}

Любой абзац в любом элементе с классом "description" теперь будет иметь синий текст.

К сожалению, я не верю, что есть стиль "просто игнорируй все, кроме этого правила", и поэтому ты должен переопределить стили, которые тебе не нужны по отдельности. Для подхода с полным боровом вам понадобится iframe, как вы предложили.

0 голосов
/ 27 апреля 2010

если вы определяете вещи в целом, вы обычно не хотите "игнорировать все остальные правила", которые оставляют вещи для конечного пользователя по умолчанию.

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

0 голосов
/ 27 апреля 2010

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...