Question

我不是最好从零开始创建漂亮的网页，如果由我制作，表格很难看。有很多漂亮的CSS代码片段解决方案，它们很棒。我正在学习python-django而且我正在尝试使用一堆代码片段，但由于我是新手，我不知道如何分离每个单独片段附带的css / style.css工作表。有没有办法隔离每个样式表只用于特定的片段？如果我在标题中加载所有这些样式表，有些会被覆盖，因为它们都有不同的样式，例如段落或正文等...

这是我的文件结构：

src/
  djangoTest/
    djangoTest/
      __init__.py
      settings.py
      urls.py
      ...
    djangoTestApp/
      models/
        __init__.py
        modelsUser.py
        ...
      static/
        css/
        images/
        javascript/
      tests.py
      views.py
      __init__.py
    templates/
      index.html
  manage.py

我想要做的是将不同的css样式表（从代码片段）放入另一个文件夹，并仅将这些片段链接到各自的样式表。现在我只链接所有的css样式表，它们重叠，这使我很难分开代码片段。

示例文件结构：

static/
  css/snippet1_css/style.css
  css/snippet2_css/style.css
  ...

然后对于每个html片段，只使用css作为相应的样式表。这可能是一个愚蠢的问题，但我还没有想出答案。

这是我想要做的一个例子。我真的很喜欢这种形式：http://www.webdezign.co.uk/html5-examples/sexy-form/ 我把它放在我的一个观点中。我也非常喜欢这个搜索栏： http://www.cssflow.com/snippets/search-dropdown/demo

那么如何在不重叠css / style.css的情况下将两个代码片段放入一个视图中？如果我能想到这一点，这将是如此酷。我真的很感激这里的帮助！谢谢=）

Answer 1

好的，我认为应该是一个更好的解决方案：

在views.py

中

Class FirstView(TemplateView)
    template_name = "index.html"

    def get_context_data(self, **kwargs):
        context = super(FirstView, self).get_context_data(**kwargs)
        context['css_snipped_path'] = 'css/snippet1_css/style.css'
        return context

Class SecondView(TemplateView)
    template_name = "index.html"

    def get_context_data(self, **kwargs):
        context = super(SecondView, self).get_context_data(**kwargs)
        context['css_snipped_path'] = 'css/snippet2_css/style.css'
        return context

然后在您的模板中（如index.html）

<head>
<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}{{ css_snipped_path }}">
</head>

利用强大的代码片段和如何分离样式表？

1 个答案: