如何将css样式应用于meteor中的模板 {{Zipcode}} {{城市}

上面的模板用于meteor自动完成。我需要的是列表周围容器上的垂直滚动条，以便用户可以滚动这些值。非常感谢您的帮助

---

谢谢DOM中不存在

模板

标记，因此CSS不能依赖它。如果需要专门针对该模板（而不是向其元素添加泛型类），最好将其内容封装在div中，如下所示：

{{Zipcode}}
{{城市}

然后，您可以在css中将其作为目标：

。用户药丸{
颜色：红色；
}

在较大的项目中，我更喜欢使用双下划线来标识模板的类名，例如

。这看起来可能有点难看，但我发现弄清楚到底发生了什么真的很有帮助

---

根据您的评论，您似乎需要为

userPill

的容器设置样式。假设您有这样一个模板：

{{>userPill name=“home”}
{{>userPill name=“about”}
{{>userPill name=“profile”}

然后，您可以采用与上面相同的方式将容器作为目标：

。用户药丸容器{
边框：1px纯黑；
}

我这样做了，但是这个样式应用于列表中的每个项目。我需要的是将样式应用于它周围的容器。

<template name="userPill">
    <span>{{Zipcode}}</span>
    <span>{{City}}</span>
</template>