Question

我的项目中有很多模板，彼此之间略有不同。我发现在我的css文件中创建新的“部分”以容纳这个很麻烦。

在我的模板中放置这样的东西不赞成？

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

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

</style>
{% endblock %}

{% block content %]
...

Answer 1

不管它是否皱眉，总是保持自己DRY！如果您可能在其他地方使用代码行，请将其移出到可参考的块中。 CSS应该很容易保持干燥。

Answer 2

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

如果您发现编写嵌入式样式css需要花时间，可以为标题，输入字段，按钮等元素编写常用css。

Answer 3

通常，我使用这种技术：

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

 <body class="myTemplate">...

 <body class="otherTemplate">...

2）我指定一般风格，如

h1 { color: red; }

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

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

这样我就避免使用动态样式表，因为将这些样式表引入项目通常是一个坏主意。它是许多错误的来源，并且动态代码往往超出控制范围。

嵌入式样式是不好的做法？

3 个答案: