css模块化



  • CSS样式表模块化

    css没有作用域的概念

    css样式表导入后是全局生效的,会有冲突问题

    我们需要为css样式表启用模块化

    在create-react-app 2.0以前,它本身是不带css-modules的

    我是用的create-react-app 3.0.1

    这样直接将[name].css改为[name].module.css就可以达到css样式表模块化的效果

    • 导入样式表

      import css from "../css/commentitem.module.css";
      
    • 使用样式表

      
      

    注意:css模块化只针对类选择器id选择器生效

    ​ css模块化不会将标签选择器模块化

    取消CSS样式表模块化

    :gobal(.test){
        font-style	:italic;
    }
    

    使用global参数可以将被模块化的选择器变为对全局生效

    (使用local参数可以将未被模块化的选择器模块化,一般不用)


 

Copyright © 2018 bbs.dian.org.cn All rights reserved.

与 Dian 的连接断开,我们正在尝试重连,请耐心等待