CSS Modules、Vue scoped CSS 与样式隔离 | CSS

本章覆盖：global CSS problem；CSS Modules；locally scoped class；generated class name；Vue `<style scoped>`；scoped selector 转换的高层认知；deep selector 的风险；global style / component style / token style；组件隔离不能替代良好命名与 token 设计；React / Vue 项目中的真实使用位置。

本章知识点

  • global CSS problem
  • CSS Modules
  • locally scoped class
  • generated class name
  • Vue <style scoped>
  • scoped selector 转换的高层认知
  • deep selector 的风险
  • global style / component style / token style
  • 组件隔离不能替代良好命名与 token 设计
  • React / Vue 项目中的真实使用位置