TDesign UI库CSS选择器中的困惑

在微信小程序的使用中，TDesign UI库提供了丰富的组件，其CSS选择器的写法引起了很多疑问。其中一个令开发者疑惑的写法是 .t-grid--card，它似乎与DOM结构中的类名不一致。

微信公众号自动发布增强版

一键发布 Markdown/HTML 文章至微信公众号草稿箱，支持自动配图、排版美化、UTF‑8编码

下载

疑问解答

如何理解这个选择器？

• .t-grid--card 是通过小程序开发中的外部样式类传入的，也就是DOM中class的 t-class。
• 使用 BEM 命名风格，但不必严格遵循DOM结构的嵌套关系，可以根据团队命名规范简化 class 名称。
• CSS 变量是以 -- 开头声明并通过 var() 使用，与该写法不同。