如何在ionic4中设置平台特定的css（android和ios的不同样式）

Question

为了在 ionic 3 中为 android 和 ios 设置特定样式为“ListingPage”，我在“Listing”页面/组件的 .scss 文件中使用了以下结构：

.ios {  // for ios
    page-listing { // page selector
        // css enclosed in class or id selectors
    }
}

.md {  // for android
    page-listing { // page selector
        // css enclosed in class or id selectors
    }
}

如何在 ionic4 中实现相同的平台特定样式。

Answer 1

我认为您现在必须在组件中手动添加带有 class/id 的元素。

<div class="page-listing">Something</div>

.page-listing {
   color: red;
}

.ios .page-listing {
   color: yellow;
}

.md .page-listing {
   color: pink;
}