0

我不是最擅长从头开始创建漂亮的网页，而且如果由我制作，表单也很丑陋。有很多漂亮的 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？如果我能弄清楚这一点，那就太酷了。我真的很感谢这里的帮助！谢谢 =)

4

1 回答 1

0

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

在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>
于 2013-06-29T20:56:26.807 回答