【问题标题】:Setting width of Sider form antd via css通过css设置Sider表单antd的宽度
【发布时间】:2019-11-28 12:09:17
【问题描述】:

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

【问题讨论】:

    标签: css reactjs antd


    【解决方案1】:

    使用!important 没有任何问题,它最初是作为替代创建的。

    早在 19 年代,浏览器都有自己的样式表,网络作者为 css 创建了这个功能,这意味着任何带有 !important 的属性都会覆盖浏览器现有的 css 代码,到 2019 年,它仍然是一种常见且可接受的做法。

    在另一个笔记上。

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

    参考:

    【讨论】:

    • 我正在使用 sass。但它与问题有什么相关性? Sider 覆盖 css/sass/etc...
    • @arslancharyev31 看看Ant Design Styles
    • 好的,如果我理解正确,没有它只能通过 LESS 而不是 CSS/SASS?
    猜你喜欢
    • 2012-04-14
    • 2011-09-03
    • 2015-01-04
    • 2019-12-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-03-03
    相关资源
    最近更新 更多