css - 为不同的剑道窗口添加不同的样式

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>