Ionic 2中的班级风格不起作用

时间:2017-08-17 13:36:17

标签: html css ionic-framework sass ionic3

我有一个Ionic 2应用程序,在页面/主文件夹中有以下两个文件:

home.html的:

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

home.scss:

.list {
    color: green;
}

任何想法为什么这不起作用?该文件已正确引用,其余样式正常工作,但每当我使用class属性时,它都没有获取样式(尝试将类放在其他元素上)。

2 个答案:

答案 0 :(得分:3)

我尝试了每个html元素并且它没有用。在.ts文件中进行了实时重新加载的更改,但它仍然没有适用。

然后刷新了页面,它就开始了。

我会建议在html/css勾选&#34; 停用缓存&#34;在Google Chrome中的开发者工具中也是如此。

答案 1 :(得分:1)

它工作正常。我已经测试了它。看来你的问题在于实时重新加载器问题。这就是为什么它没有适用。

解决方案:只需更改semi colon(i.e. ;)文件上的home.ts,然后重新加载服务器。所有内容都应该没问题。