Material UI 也遇到了覆盖样式的问题了

2021-06-04 · 周五郁闷大雨

今天的工作任务也在继续完善着 FBApp 项目,改善了路由拦截、侧边栏以及其他界面内容,拆开了组件逻辑,也成功接入了调用店内商品的接口。

基本上没遇到什么大问题,就是发现 Material UI 也有 Bootstrap 时代样式覆盖的问题,一个 CardContent 组件的内间距默认有一条 paddingBottom,你直接覆盖是不起作用的,因为这条属性的 CSS 选择器包含 :last-child,优先级比覆盖样式的高。按照往常思路,这种问题就只能上 !important 了么?虽然说用 !important 也仅仅是影响使用了该覆盖样式类名的组件,不会影响到页面其他相同 CardContent 组件的效果,但还是感觉很不优雅,覆盖样式果然还是写 CSS 最坑的地方啊!

你可能会说,覆盖这么麻烦,那为啥不用 Tailwind 啊?说的很好,Tailwind 只是一个 CSS 的缩写,相当于自己写样式。为了实现一个组件,交互,数据处理和传参还是得自己写,完全就没有提升开发效率。Antd 确实很方便,但是样式覆盖可比 Material 还要难啊!不用 Styled Components 叠一层组件的话,!important 还会更多!还是很不优雅!所以请教各位大神,还有什么更好的办法了么?

晚上更新了下小窝后端,根据我想到的「新规范」重构一部分控制器,主要有日志、闲杂、页面和用户。并在 Footer 加入了「时间轴」的链接,方便进入查阅!

花园
上任弼马温

上任弼马温

许镜清
Paul

Paul

特立独行的一只前端菜狗。这篇日记编写大概耗时了 0 分钟,内容均为个人原创,并采用 CC BY-NC-SA 4.0 授权协议,转载请注明来源,谢谢!如本站内容对你有所帮助的话,不妨 捐助支持 一下?

近期评论

鲍小螺: 前辈多多指教!ahu: 后生可畏寻梦xunm: 真不错,板子很好看。timochan: 太惨了( ,更新暴毙,如果恢复没成功,数据也 dump 不出来鲍小螺: 在这部分对话中,广树和保罗继续讨论生活的不同方面。保罗提到了技术更新和国内的优秀 IT 技术。广树解释了在国内积累的经验如何在日本产生穿越的感觉,并表达了对于日本生活节奏的喜爱。他还提到了医疗水平的差异和对于生活方式的感受。保罗表示,通过动漫和现实的对比,艺术来源于现实,日本生活的确有着独特之处。他们讨论了国内的生活节奏和就医等方面的压力,以及个人选择的自由。最后,他们也谈到了不结婚不买房的选择和对于房价的困扰。鲍小螺: 该对话进一步讨论了房地产和税收的问题。保罗提到了国内的房地产税和增值税以及日本的固定资产税。广树解释了日本房地产税的收取方式,以及房产税对于国内房产的影响。他认为,与国内相比,日本的房子质量和服务更好。保罗提出疑问,为什么自己拥有的地也要交税。广树解释了类似增值税的原理,并指出在日本拥有房产是稳定安全的。最后,保罗表示从广树的角度来看,情况确实是如此。鲍小螺: 这篇文章的聊天记录也尝试过用 GPT 总结,结果并不是太好,不知道是不是 Prompt 的问题,实际出来的内容过于简练了,于是又耗费了半小时写完,呼~
奇趣音乐盒技术源于 Kico Player
Emmm,这里是歌词君