利用強大的代碼片段和如何分隔樣式表？

我不是最好從頭開始創建漂亮的網頁，並且如果由我製作的話，表單很難看。這裏有很多漂亮的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？如果我能弄明白這一點，這將非常酷。我真的很感謝這裏的幫助！感謝=）

來源

2013-06-29 Marco Chiang

OK，我覺得應該是一個更好的解決方案：

在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-29 20:56:26 lalo

是你想要什麼？ – lalo

這是一個很酷的解決方案，但如果我想在同一視圖中使用多個片段，該怎麼辦？是否有可能，然後分配特定的片段來使用特定的CSS樣式表？ –

例如，當我將樣式表添加到我的應用程序中時，當我不想要樣式時，我的頁腳會受到樣式的影響。 –

利用強大的代碼片段和如何分隔樣式表？

回答

相關問題