【发布时间】:2019-11-28 12:09:17
【问题描述】:
Ant Design 的Sider 组件提供了width 属性,用于在js/JSX 中设置宽度。但是,此宽度会覆盖通过 ant-layout-sider 选择器在 css 中指定的任何宽度。因此,我想知道如何在 css 而不是 js 中指定宽度?我知道 css 中的 !important 规则,但我尽量避免它,因此我想知道是否有替代解决方案?
【问题讨论】:
Ant Design 的Sider 组件提供了width 属性,用于在js/JSX 中设置宽度。但是,此宽度会覆盖通过 ant-layout-sider 选择器在 css 中指定的任何宽度。因此,我想知道如何在 css 而不是 js 中指定宽度?我知道 css 中的 !important 规则,但我尽量避免它,因此我想知道是否有替代解决方案?
【问题讨论】:
使用!important 没有任何问题,它最初是作为替代创建的。
早在 19 年代,浏览器都有自己的样式表,网络作者为 css 创建了这个功能,这意味着任何带有 !important 的属性都会覆盖浏览器现有的 css 代码,到 2019 年,它仍然是一种常见且可接受的做法。
在另一个笔记上。
你为什么不尝试使用 SASS 代替 CSS,它更动态并且有更多选择,你可以将 css 和 sass 文件混合和匹配在一起。
【讨论】: