dva\react如何引用CSS文件

曾以为前端开发没啥

曾因为前台开发

嗯。。。。。。。

是的百分之一的时间在实现功能

剩下的就是调样式

然后和客户扯皮

所以必然会牵扯到很多更改

以及适配

样式可以直接加到div或者对应的面板上

也可以提取到css、less文件

也就是标签

可以显示引用

也可以通过css在加载页面时自动引入

使用dva时可以通过className来引用样式

例如：<div className={styles.demo}></div>

在引入的css或者less文件里的写法是.demo{width:10px;height:10px}

也可以是<div name={styles.demo}></div>

在引入的css或者less文件里的写法是[name^=demo]{width:10px;height:10px}

或者可以用id标识，但是不建议用class，因为回合className冲突

以上都是自定义div或者HTML元素

有时候需要引入插件，而插件提供的样式无法满足需求

无法通过自定义id或者name来修改他的样式

但是我们可以通过浏览器调试工具获得id或者name或者class

此时不能用className={styles.demo_id}这样的方式来引用样式

因为无法改变源码

可以通过[class^=demo_id]{width:10px;height:10px}

这种方式来执行

有时候会觉得名称没问题

但是样式没加载或者被覆盖（在自己的样式上有条黑线）

可以在验尸官hi后面加个! importent来强制使用自定义样式

另外在适配分辨率的时候可以如下使用

@media screen and (max-device-width:1440px) and (max-device-height:900px)