“t-grid--card”选择器在微信小程序TDesign中的疑惑

在微信小程序TDesign UI库中，很多开发者对“t-grid--card”这个CSS选择器感到疑惑。它与DOM结构中元素的class属性“t-grid t-card class t-class”不一致，且命名方式也令人不解。

微信创作

自动将 Markdown 文章转为适配微信公众号格式的 HTML，并批量发布至公众号草稿箱，支持封面图生成与专题管理。

下载

解决疑惑

这个疑惑可以从以下几个方面解释：

1. 外部样式类：“t-grid--card”这个选择器并非直接从DOM结构中获取，而是通过小程序开发中的外部样式类传入的，即“class”中的“t-class”。这允许开发者灵活地应用样式，即使DOM结构发生变化。
2. BEM命名风格：“t-grid--card”确实采用了BEM（块元素修改符）命名风格。然而，在实际项目中，不一定需要严格按照DOM结构增加后缀。团队可以 根据自己的命名规范合理缩减class名称长度，以提高可读性和可维护性。
3. CSS变量：CSS变量是以“--”开头声明并通过“var()”使用的。与“t-grid--card”选择器无关。