我喜欢写一个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做到这一点?