Ionic 2 中的类风格不起作用

Posted 2023-03-06

【中文标题】Ionic 2 中的类风格不起作用

【英文标题】：Class style in Ionic 2 not working

【发布时间】：2018-01-25 23:01:32

【问题描述】：

我有一个 Ionic 2 应用程序，并且在 pages/home 文件夹中有以下两个文件：

home.html:

<ion-list-header class="list">Your List</ion-list-header>

home.scss：

.list 
    color: green;

任何想法为什么这不起作用？该文件被正确引用并且其余样式正常工作，但是每当我使用类属性时，它都不会选择样式（尝试将类也放在其他元素上）。

【问题讨论】：

如果您检查浏览器中的元素，list 类是否实际应用？

您是否尝试过color="green"中的颜色属性

不，该类未应用。问题不是“为什么没有应用？”，因为我不知道这个类没有应用。

当我手动添加类时，它可以工作，但我不明白为什么没有应用类？

"color: green" 与其他选择器一起使用，所以应该不是问题

【参考方案1】：

我对每个 html 元素都进行了尝试，但没有成功。为实时重新加载在 .ts 文件中进行了更改，但仍然不适用。

然后刷新页面也开始了。

我建议在涉及到 html/css 以及在 Google chrome 的开发人员工具中勾选“禁用缓存”时刷新所有内容。

【参考方案2】：

它工作正常。我已经测试过了。看来你的问题与实时重新加载器问题有关。这就是它不适用的原因。

解决方案：只需更改home.ts 文件上的semi colon(i.e. ;) 并让它重新加载服务器。然后一切都会好起来的:)