Таблица стилей

Question

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

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

Просьба сообщить.

Цените всю свою помощь.

Answer 1

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

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

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

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

.description p 
{ 
    color: blue; 
} 

Любой пункт в любом элементе с «описанием» класса теперь будет иметь синий текст ,

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

Answer 2

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

Answer 3

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

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