通过CSS设置Sider表单antd的宽度

时间:2019-07-19 13:24:20

标签: css reactjs antd

Ant Design的

Sider组件提供属性width用于在js / JSX中设置宽度。但是,此宽度会覆盖通过ant-layout-sider选择器在CSS中指定的任何宽度。因此,我想知道如何在CSS而不是JS中指定宽度?我知道css中的!important规则,但是我尽量避免使用它,因此我想知道是否还有其他解决方案?

1 个答案:

答案 0 :(得分:0)

使用!important并没有错,它最初是作为替代创建的。

回到19年代,每个浏览器都有自己的样式表,并且Web作者为CSS创建了此功能,这意味着任何带有!important的属性都将覆盖浏览器现有的CSS代码,并持续到2019年,仍然是一种普遍且可以接受的做法。

在另一个音符上。

为什么不尝试使用SASS而不是CSS,它更动态并且具有更多选择,您可以将css和sass文件混合和匹配在一起。

引用: