Изолировать содержимое html из остальной части сайта

Question

Я разрабатываю систему, которая почти действует как почтовый клиент в Интернете. Это система поддержки. Система отображает полученные сообщения электронной почты; подумайте о веб-почтовом клиенте. Теперь моя проблема в том, что есть ужасные метаданные стиля в формате Microsoft Word, которые влияют на остальную часть приложения.

Я пробовал iframe, но регулировка высоты для контента просто не работает; и я действительно не хочу использовать iframe.

Какой шаблон или практика я могу использовать для изоляции html-адреса электронной почты, который представлен на лицевой части, чтобы он не влиял на остальную часть приложения? Я имею в виду, как это сделали бы Gmail, Yahoo Mail, служба поддержки или CRM-система?

Answer 1

Несколько способов - у меня была такая же проблема при разработке сайта sharepoint, кстати, поскольку мастер-стили выполняли мои стили, и у меня не было доступа к основным страницам.

1. Оберните ваш код и использовать ID селекторов, чтобы сузить элементы, необходимые для стиля
2. Использование !important - Я не рекомендую этот метод, как это не лучшая практика

Пример HTML :

<div id="wrapper"> 
    <p class="email-par">Some text</p> 
</div> 

CSS:

#wrapper .email-par{ 
    font-size: 1.1em; 
} 

Таким образом, даже если на вашем сайте есть другие стили, создающие теги <p>, абзацы электронной почты будут рассмотрены выше.

Answer 2

Используйте сильные идентификаторы на своем html, а затем создайте файл CSS для своей электронной почты. Я рекомендую вам использовать! Важен, если некоторые стили SharePoint еще переопределять стили

После того, как у Вас есть свой собственный файл CSS скопировать его с конструктором SharePoint на главной странице галерею (_catalogs/mastrpage)

Позвоните ее в заголовке зона вашей главной страницы, как на примере ниже