微信小程序 TDesign UI 库中 CSS 选择器 .t-grid--card 如何生效？

各位小伙伴们，大家好呀！看看今天我又给各位带来了什么文章？本文标题是《微信小程序 TDesign UI 库中 CSS 选择器 .t-grid--card 如何生效？ 》，很明显是关于文章的文章哈哈哈，其中内容主要会涉及到等等，如果能帮到你，觉得很不错的话，欢迎各位多多点评和分享！

微信小程序 TDesign UI 库中的 CSS 选择器疑惑探究

在使用微信小程序 TDesign UI 库时，可能遇到如下疑惑：

问题：

DOM 结构中，元素的 class 为 "t-grid t-card class t-class"，但选择器却是 .t-grid--card。这如何生效？这种写法让我感到困惑，既像是 BEM 命名又像是 CSS 变量，但似乎都不是。

解答：

1. 外部样式类：.t-grid--card 是通过小程序开发中的外部样式类传入的，即 class 中的 t-class。
2. BEM 命名风格：虽然这种写法是 BEM 命名风格，但它并不是严格按照 DOM 结构来增加后缀。实际项目中，可以根据团队的命名规范合理缩减 class 名称长度。
3. CSS 变量：CSS 变量是以 -- 开头声明并通过 var() 使用的，如：--color: red; color: var(--color);。

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~