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

珍惜时间，勤奋学习！今天给大家带来《微信小程序 TDesign UI 库的 CSS 选择器 .t-grid--card 如何生效？ 》，正文内容主要涉及到等等，如果你正在学习文章，或者是对文章有疑问，欢迎大家关注我！后面我会持续更新相关内容的，希望都能帮到正在学习的大家！

微信小程序 TDesign UI 库的 CSS 选择器疑问解答

在微信小程序 TDesign UI 库中，有一个 CSS 选择器 .t-grid--card 引起了一些疑惑。它的父元素 class 为 't-grid t-card class t-class'，但选择器却不同。

疑问：

1. 这个选择器如何生效？
2. 它的命名风格看起来既像 BEM，又像 CSS 变量，但似乎都不是。

解答：

1. 选择器生效原理：

   .t-grid--card 选择器是通过小程序开发中的外部样式类传入的。在元素的 class 中，存在 t-class，它指向了外部样式类中的 .t-grid--card。

2. 命名规则解释：

   确实使用了 BEM 命名风格。但在实际项目中，为了缩减 class 名称的长度，可对 BEM 后缀进行合理调整，不必严格按照 DOM 结构。

   CSS 变量则是以 -- 开头来声明的，再通过 var() 函数使用。因此，.t-grid--card 不是 CSS 变量。

以上就是《微信小程序 TDesign UI 库的 CSS 选择器 .t-grid--card 如何生效？ 》的详细内容，更多关于的资料请关注golang学习网公众号！