Css 如何设置使用ngx标记呈现的内容的样式？

我正在用Angular创建一个博客，我想用Markdown创建我的帖子。我打算使用

ngx标记

来渲染它们。现在我正在创建一个“创建后”组件。问题是，我希望在降价时应用一些样式，但我不能。这是我的组件：

新职位
发送
标题：

h1{
边缘顶部：20px；
颜色：蓝色；
}
标签{
字号：18px；
}
输入，文本区{
宽度：100%；
}
输入{
高度：25px；
}
文本区{
高度：300px；
}
钮扣{
左边距：自动；
身高：75%；
自对准：居中；
字号：18px；
填充物：5px10px；
}
.header容器、.main容器{
显示器：flex；
}
.post编辑器、.post预览{
弹性：1；
}
.后期预览{
填充顶部：20px；
}
.邮报编辑{
右边距：40px；
}
.标题{
边缘底部：25px；
}
.标题字段{
显示：块；
边缘顶部：5px；
边缘底部：20px；
}

注意这条规则：

h1{
颜色：蓝色；
}

---

我把它用于测试目的。页面顶部显示“New Post”的标题将被设置为蓝色，但标记的标题不会。我还尝试使用不同的选择器，如

标记h1

和

。预览后h1

，但都不起作用。为什么不起作用以及我如何使其起作用？

通常，Library css更改在

样式中起作用。css

您应该尝试将css代码块添加到

样式中。css

.post-preview h1 {
  color: blue;
}

.post-preview h1 {
  color: blue;
}