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

作者站长头像
站长
· 阅读数 6

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

回复
1个回答
avatar
test
2024-06-29
  • .t-grid--card 是通过小程序开发中的外部样式类传入，也就是 class 中的 t-class
  • 然后这确实是 BEM 命名风格，在实际项目中使用 BEM 命名时不一定需要严格按照 dom 结构增加后缀，可以根据团队的命名规范合理缩减 class 名称长度
  • CSS 变量是以 -- 开头声明并且通过 var() 使用
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容