Question

我目前遇到的问题是，模板的元素会被[[#each]]迭代。

问题是CSS样式不会影响它们。我正在使用Stylus编写CSS。问题不仅限于我自己的自定义CSS样式，还会影响BootStrap样式。唯一有效的是内联CSS，但显然这不是最好的方法。

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

我在代码中包含了一个示例：

toString

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

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

感谢您的帮助。

Answer 1

你的格式化的手写笔代码不好：https://github.com/smeloa/fcc-voting-app/blob/master/client/styles/styles.styl#L245这可能是一个问题。

Answer 2

我通过为每个模板创建单个样式表来解决此问题。可能会占用网站的每一部分并以同样的方式打破它。

因此，例如对于创建表单以添加新轮询的NewPoll.html，我创建了一个NewPoll.styl。这就行了。

Answer 3

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

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

删除标签并用空格替换它们。

Meteor - 模板 - CSS样式问题

3 个答案: