css - 为什么我的 HEAD 中的 Angular Material 定义不同？

Question

在我的应用中实现 Angular Material 的过程中，我注意到示例样式与我的应用中的元素之间存在差异。在这种情况下，特别是 md-subheader 元素。在演示站点 ( https://material.angularjs.org/HEAD/demo/list ) 上，它具有浅灰色背景，在我的应用程序中，背景为白色。请注意，应用于我的元素的 CSS 类与演示中的完全相同。

现在我已经检查过，这个背景颜色的 CSS 声明来自 <style> 之一。在 HTML 的 HEAD 部分加载的元素(内联)。我比较了这两个声明，确实:它们是不同的。但为什么？我检查了 Angular Material 的版本，检查了加载的主题，都一样。唯一的区别可能是我的代码是在 Cordova/PhoneGap 移动应用程序中执行的，而不是在桌面浏览器中执行的，但我认为这并不重要。

来自 Codepen:

我的应用中的相同 CSS 样式:

有谁知道 Material 在哪里加载这些<style>来自的声明以及为什么它们可能与我的应用程序不同？

Answer 1

检查 bower.json 中安装的 Angular Material 的版本。问题如下:

在网页中，Angular Material指向最新的，1.1.0 RC4 https://material.angularjs.org/latest/

但是如果您单击 HEAD，则版本为 1.0.7。 https://material.angularjs.org/HEAD/

所以问题是，您安装的版本是 1.0.7，而您正在查看 1.1.0-RC4 的演示