微信小程序 tdesign ui 库中的 css 选择器疑惑探究
在使用微信小程序 TDesign UI 库时，可能遇到如下疑惑：
问题：
DOM 结构中，元素的 class 为 “t-grid t-card class t-class”，但选择器却是 .t-grid–card。这如何生效？这种写法让我感到困惑，既像是 BEM 命名又像是 CSS 变量，但似乎都不是。
解答：
立即学习“前端免费学习笔记（深入）”；
外部样式类：.t-grid–card 是通过小程序开发中的外部样式类传入的，即 class 中的 t-class。BEM 命名风格：虽然这种写法是 BEM 命名风格，但它并不是严格按照 DOM 结构来增加后缀。实际项目中，可以根据团队的命名规范合理缩减 class 名称长度。CSS 变量：CSS 变量是以 — 开头声明并通过 var() 使用的，如：–color: red; color: var(–color);。
以上就是微信小程序 TDesign UI 库中 CSS 选择器 .t-grid–card 如何生效？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1558516.html
微信扫一扫 
支付宝扫一扫 
![Win10与Ubuntu 18.04双系统安装。（Win10引导Linux）[通俗易懂]](https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175254039529565.jpg)
![Win10与Ubuntu 18.04双系统安装。（Win10引导Linux）[通俗易懂]](https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175254039878675.jpg)
![Win10与Ubuntu 18.04双系统安装。（Win10引导Linux）[通俗易懂]](https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175254039840102.jpg)
![Win10与Ubuntu 18.04双系统安装。（Win10引导Linux）[通俗易懂]](https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175254040055572.jpg)
