CSS命名空间可以从两个维度考虑:
1. 声明包含关系
如 .a .b .c {...} 就是 a 节点内部的 b 节点内部的 c 节点的样式。
优点: 结构清晰,便于维护
缺点: 会过于增加层次深度
2. 影响范围
如 .a .b {...} ,那么 a 节点内部的 class 名为 b 的节点样式都会受影响。
优点: 便于减少层次深度
缺点: 结构不清晰,不便于维护
各有优缺点,选择时考虑好利弊,需要找好平衡点。
时间: 2024-10-13 16:20:50
CSS命名空间可以从两个维度考虑:
1. 声明包含关系
如 .a .b .c {...} 就是 a 节点内部的 b 节点内部的 c 节点的样式。
优点: 结构清晰,便于维护
缺点: 会过于增加层次深度
2. 影响范围
如 .a .b {...} ,那么 a 节点内部的 class 名为 b 的节点样式都会受影响。
优点: 便于减少层次深度
缺点: 结构不清晰,不便于维护
各有优缺点,选择时考虑好利弊,需要找好平衡点。