向不同的剑道窗口添加不同的样式

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>