向不同的劍道窗口添加不同的風格

Question

我在同一頁面上使用多個窗口，我想在窗口上應用 不同的風格。我試圖在 窗口中編寫一個封裝器，以便通過id在css中標識它，但這不起作用。 這是源：

<div class="wrapper"> 
    <div kendo-window="InitialisingApp"> 
    </div> 
</div> 

這是結果：

<div class="wrapper"></div> 
<div class="k-widget k-window...."> 
    .......................... 
</div> 

有關此問題的任何想法？

謝謝！祝你今天愉快！

Answer 1

您可以在此看一看：

Limit scope of external css to only a specific element?

，我看到的唯一的選擇是複製的主題，眼前的一切都是添加一個CSS選擇器，這樣，當與包裹主題僅適用一個特定的類。同時請記住CSS priorities以確保藍色樣式在默認樣式上應用。

實施例：

<style> 
    .blueStyleWrapper .k-window { 
     /* Some kendo styles */ 
    } 
</style> 
<div class="blueStyleWrapper"> 
    <div class="k-window"> 
     This window will be using the blue theme! 
    </div> 
</div>