情景一: 使用 :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>