Magento PWA React：更改CmsBlock的样式

编程问答 2022-06-15

问题描述

我在自定义组件中有一个静态块，需要删除父块上的样式，这些样式是由Magento PWA中的react组件生成的。

在我的组件中，我包装了CmsBlock组件。

<div className={defaultClasses.root}>
   <CmsBlock identifiers={'uspbar'}/>
</div>

我可以访问呈现的内容元素，它是（PageBuilder）HTML代码块，并且在该块的代码中添加了一些类。因此，设置“ ups-bar-top”样式不是问题。

<div class="usp-bar-top">
....
</div>

问题在于渲染的父元素中的样式，我无法通过包装器或自定义组件“ .root”类来访问它们，因为内部的div是CmsBlock组件的一部分（猜测）。元素在topbar-component内部这样呈现：

<div class="cmsBlock-root-2HW">
<div class="cmsBlock-content-_Ac">
<div class="richContent-root-11l">
<div class="row-contained-9Ys row-root-3E7">
<div style="blabla..">
<div class="usp-bar-top">
<!--Here is my content-->
...

我想做的就是删除div“ row-contained-9Ys row-root-3E7”和“ usp-bar-top”上方的div上的所有样式（仅针对此组件，而不是全局）。 如何在不破坏Magento CmsBlock样式的情况下实现这一目标？甚至不覆盖CmsBlock-component也不可能吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

htmlmagentomagentoprogressive-web-appsreactjsreactjssass