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

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

你可以看看这个：

将外部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>