微信小程序TDesign UI库中这个CSS 选择器让我很疑惑？

Question

如图，DOM结构中，元素class 是 't-grid t-card class t-class',但是选择器是 '.t-grid--card'
这怎么生效的？这个写法也让我疑惑，像BEM命名又像是CSS变量，但好像都不是。
希望有大佬解惑。

Answer 1

• .t-grid--card 是通过小程序开发中的外部样式类传入，也就是 class 中的 t-class
  
  
• 然后这确实是 BEM 命名风格，在实际项目中使用 BEM 命名时不一定需要严格按照 dom 结构增加后缀，可以根据团队的命名规范合理缩减 class 名称长度
  
  
• CSS 变量是以 -- 开头声明并且通过 var() 使用