antd 样式不起效

 情景一： 使用 :global （css3底层api， 局部使用时， 需要为特定模块增加一个容器）

此法在此不作详细赘述

 情景二：使用 className=‘’events“， 而events样式写在了index.less文件里

index.less：

.events {
    list-style: none;
    margin: 0;
    padding: 0;
}

我们的组件A：

import styles from './index.less'

错误写法：

<ul className=“events”>
   // ...
</ul>

正确写法： 

<ul className={styles.events}> // 如果className是从less文件夹取的 必须这么写
   // ...
</ul>