如何强制material-ui生成!css重要样式以防止WordPress / Gutenberg css样式冲突?

时间:2019-11-25 21:08:59

标签: css reactjs material-ui wordpress-gutenberg jss

我喜欢写一个WordPress插件来扩展古腾堡编辑器。该插件使用material-ui渲染其ui。

不幸的是,material-ui生成的CSS样式选择器的优先级低于某些Gutenberg CSS样式。这是古腾堡和material-ui css混合使用css的结果,看起来非常难看:-)

如何配置material-ui生成比Gutenberg CSS样式更高优先级的样式?

一种解决方案是在每个生成的css值后缀“!important”。更好的选择是为每个material-ui生成的css规则添加比Gutenberg样式更具体的css选择器。

如何使用material-ui做到这一点?

0 个答案:

没有答案