css - Meteor - 模板 - CSS 样式问题

Question

我目前遇到一个问题，其中带有模板的元素使用 [[#each]] 进行迭代。

问题在于 CSS 样式不会影响它们。我正在使用手写笔编写 CSS。该问题不仅限于我自己的自定义 CSS 样式，还影响了 BootStrap 样式。唯一可行的方法是内联 CSS，但显然这不是最佳方法。

可在此处找到应用程序代码:https://github.com/smeloa/fcc-voting-app

我在代码中包含了一个示例，其中:

<template name="Poll">
    <div class="poll-card" style="border: solid">
        <h3>{{question}}</h3>
        <p>
            {{#each options}}
                {{option}} - {{votes}}
            {{/each}}
        </p>
    </div>
</template>

只渲染边框样式，即使有 css 样式说:

/* My Poll Styles */
.poll-card
    margin-top 20px
    color red

感谢您的帮助。

Answer 1

问题是原始 styles.styl 中的第一行以制表符开头。 Stylus 弄乱了生成的 css 文件。您可以在浏览器中检查 css 文件时查看问题。

出于同样的原因，您可能在最终的 css 类周围输入了 {} 以防止 Stylus 编译器错误。

删除制表符并将其替换为空格。