CSS 的命名,采用 BEM 命名规范,可以有效的避免组件间样式的相互污染,减少嵌套层级。具体规则如下:
BEM 是什么?
BEM 使用分隔符将类名区隔成三个部分:
[prefix]-[block]__[element]--[modifier]
- prefix:全局的前缀,这里指代表 tdesign 的前缀,也就是 t-
- Block(块) :组件的最外层父元素,这个类包含最通用和可重用的功能。
- Element(元素) :组件内可包含一个或多个元素,元素为块添加了新功能。无需重置任何属性。
- Modifier(修饰类) :块或元素都可以通过修饰词来表示为变体。
大约 5 分钟