將不同的樣式表應用於模板的不同元素

我將一個散景圖表嵌入到Flask模板中。該應用使用master stylesheet，而圖表需要自己的樣式。將不同的樣式表應用於模板的不同元素

主樣式表泄漏到圖表中並更改其外觀。如何將不同樣式應用於模板中的不同部分，以便只有一種樣式處於活動狀態？

看到我的問題在Bokeh mailing list的更多的代碼和圖像。

這是拉入圖表對象的模板的代碼。 resources，script和div是由圖表庫生成的對象元素。

{% extends "base.html" %} 
{% block content %} 
    <frame> 
    <head> 
     <meta charset='utf-8' /> 
     <meta http-equiv='content-type' content='text/html; charset=utf-8' /> 
     {{ resources|indent(4)|safe }}   
     {{ script|indent(4)|safe }} 
    </head> 
    <body> 
     {{ div|indent(4)|safe }} 
    </body> 
    </frame> 
{% endblock %}

來源

2015-06-09 Pythonic

你不這樣做，這不是HTML/CSS的工作原理。所有鏈接的樣式表都適用於整個文檔，Jinja模板不考慮它。您使用選擇器來選擇性地將CSS規則應用於HTML元素。給圖表元素一個id，併爲該id編寫規則。

<div id='my_chart'></div>

#my_chart { 
}

來源

2015-06-09 15:18:38 davidism

將不同的樣式表應用於模板的不同元素

回答

相關問題