1

我的项目中有许多模板，它们彼此略有不同。我发现在我的 css 文件中创建新的“部分”来适应这一点很麻烦。

在我的模板中放这样的东西会皱眉吗？

{% block stylesheets %}
{{ parent() }}
<style>

  #chart {
    height: 350px;
  }
  .aside h4 {
    margin: 0;
    padding-bottom: 10px;
  }

</style>
{% endblock %}

{% block content %]
...
4

3 回答 3

5

无论是否不满意，请始终保持干燥！如果您有可能在其他地方使用代码行，请将其移到可参考的块中。CSS应该很容易保持干燥。

于 2013-03-30T19:03:37.417 回答
2

没有嵌入式样式表也不错。这取决于具体情况。根据您的说法，如果您可以从头开始编写css文件，则应该这样做或依赖模板的css，最好使用嵌入式（如果项目很小）。

如果您发现编写嵌入式样式 css 需要时间，您可以为某些元素（如标题、输入字段、按钮）编写通用 css。

于 2013-03-30T19:06:40.233 回答
0

通常，我使用这种技术：

1）每个模板在正文中生成特定的类或一些封装的DIV

 <body class="myTemplate">...

 <body class="otherTemplate">...

2）我指定一般风格，如

h1 { color: red; }

3）然后我使用上下文选择器为特定模板指定特殊样式：

.myTemplate h1 { color: green; }
.otherTemplate h1 { color: blue; }

这样我就避免了动态样式表，因为将它们引入项目通常是个坏主意。它是许多错误的来源，并且动态代码往往会变得无法控制。

于 2013-03-30T19:11:00.437 回答