Я показываю HTML-письма на странице, и часто они имеют общую информацию о стиле, которую мне нужно изолировать с главной страницы. Например, если электронное письмо выглядит примерно так:Изолировать CSS в элементе из остальной части страницы
<style type="text/css">
body { background-color:#000; }
</style>
<div>
email's content here
<div>
В итоге я получаю черный фон на всей странице.
Я пробовал iframe, но мне нужно, чтобы высота контента была динамической (я не знаю, насколько велика каждая электронная почта до тех пор, пока она не будет визуализирована), что, по-видимому, можно делать только с javascript. Это вариант, но он кажется довольно взломанным. Есть ли стандартный, чистый способ сделать это?
Вы имеете в виду обернуть все css из письма одним большим селектором? Это правильный CSS? Кажется, это не работает для меня. Что-то вроде #wrapper {# email_id1 {color: # 000;} # email_id2 {color: #FFF;}}? – smurthas
Нет, вам придется писать '#wrapper # email_id1 {...}', '#wrapper # email_id2 {...}' и так далее. Вложенный CSS будет удобен для SOOOO, поэтому, конечно, этого никогда не произойдет. W3C не будет полезен. –
Ах, вот что я подозревал. В этом случае, похоже, что iframe с изменением размера javscript, вероятно, будет лучшим вариантом. – smurthas