向不同的劍道窗口添加不同的樣式

Question

我在同一頁面上使用多個窗口，我想在哪個窗口上應用不同的樣式。 我嘗試在窗口上寫一個包裝器，以便可以在css中通過id識別它，但這不起作用。 這是來源：

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

結果如下：

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

關於這個問題有什么想法嗎？

謝謝！ 祝你今天愉快！

Answer 1

您可以看一下：

將外部CSS的范圍限制為僅特定元素？

我看到的唯一其他選擇是復制主題並在所有內容的前面添加css選擇器，以便僅在使用特定類包裝時才應用主題。 還請記住CSS優先級 ，以確保將藍色樣式應用於默認樣式。

例：

<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>