大佬教程收集整理的这篇文章主要介绍了ionic 5 组件选择器不适用于 html 元素，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我有一个 ionic 5 应用程序，我使用 cmd 行为其构建每个页面，因此它们是使用正确的结构创建的。
但是，当我尝试运行它时，即使浏览器显示已加载 CSS 文件，也不会使用页面样式。
我在 .ts 页面中有以下内容：
@Component({
SELEctor: 'app-onboard',templateUrl: './onboard.page.HTML',styleUrls: ['./onboard.page.sCSS'],})
HTML 文件：
<body>
<app-onboard>
...lots of other elements
<div class="style1">
</div>
</app-onboard>
</body>
sCSS 文件：
app-onboard {
.style1 {
color: #ff00ff;
}
}
style1 位于 HTML 元素上，但未应用。但是，当我删除 app-onboard 包装器时，将应用样式，即：
.style1 {
color: #ff00ff;
}
为什么 app-onboard 选择器的存在会阻止在页面中应用样式？
当您调用 . 类而不是 app-onboard 标签时，scss 文件中的 scss 前面应该有一个 html像这样
.app-onboard {
.style1 {
color: #ff00ff;
}
}
这就是为什么该样式仅在您将其删除后才应用的原因。
如果您希望按照您当前的 scss 使用选择器，您必须将您的 html 文件更改为
<body>
<app-onboard>
...lots of other elements
<div class="style1">
</div>
</app-onboard>
</body>
我假设 html 文件在 app-onboard 组件之外，而您正在从它调用组件。
以上是大佬教程为你收集整理的ionic 5 组件选择器不适用于 html 元素全部内容，希望文章能够帮你解决ionic 5 组件选择器不适用于 html 元素所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。