CSS 命名、作用域与可维护 Selector | CSS

本章覆盖：semantic class name；component class；utility class；state class；`is-*` / `has-*` 命名思路；避免样式依赖深层 DOM；避免 ID 作为常规组件样式；selector depth；low specificity；页面级样式与组件级样式边界。

本章知识点

  • semantic class name
  • component class
  • utility class
  • state class
  • is-* / has-* 命名思路
  • 避免样式依赖深层 DOM
  • 避免 ID 作为常规组件样式
  • selector depth
  • low specificity
  • 页面级样式与组件级样式边界