css - WYSIWYG ACF 字段似乎采用了来自周围 div 的 css 样式

Question

我对 WYSIWYG 字段有一个奇怪的 CSS 样式问题。似乎该字段从未采用我添加该字段的元素的样式，而是采用周围 div 的样式。例如：如果我有一个 div 并且在该 div ap 元素内，如下所示：

<div class=“div”&gt;
        <p class="paragraph"><?php the_field('wysiwyg field’); ?></p>
</div>

然后 ACF 字段完全忽略了 p 元素的 CSS 样式，而是采用了周围 div 元素的 CSS 类。这正常吗？ACF 文本或文本区域字段没有这个问题。

到目前为止，我只是将我需要的样式（如字体大小、字体类型等）应用于 div 以使所有内容看起来都像我需要的那样，但现在我遇到了另一个问题。P 元素应该有 100px 的左右边距。当我将 WYSIWYG 字段应用于 p 元素时，它完全忽略了边距样式。所以我想只将边距应用到 div 元素，但这会创建一个“双边距”，因为 div 将有 100 px 的边距，另外现在 p 元素也是如此，因为 WYSIWYG 字段采用周围 div 的 CSS 样式.

关于我做错了什么的任何建议？

标签： cssadvanced-custom-fieldswysiwyg