首页 > 解决方案 > 将带有css的html添加到div而不编辑主css

问题描述

我的解决方案中有一条消息。问题是当我想添加邮件(html + css)时,主要的 css 正在改变。

这是一个测试得出的结论:

在此处输入图像描述

这是一个不好的例子(其他邮件):

在此处输入图像描述

我正在放置这样的电子邮件html:

<div class="inbox-view">
<?php
    function isHTML($string) {
        if ($string != strip_tags($string)) {
            return true;
        } else {
            return false;
        }
    }

    if (isHTML($mail[0]->BODY)) {
        echo $mail[0]->BODY;
    } else {
        echo str_replace("\n", "<br/>", $mail[0]->BODY);
    }
?>
</div>

标签: phphtmlcss

解决方案


我认为您可以考虑在这里使用影子 DOM,因为它将 css 与页面上的其他代码分开,这样不同的部分就不会发生冲突。但我担心你只能使用 javscript 来做到这一点。您可以从此处找到有关如何创建影子 DOM 的详细信息。

https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM


推荐阅读