css - Kendo UI - 是否可以针对每个组件定位不同的样式？

Question

是否可以针对每个组件定位不同的样式？例如，菜单使用 Silver 样式 css，然后网格使用 Default 样式 css。

Answer 1

你可以这样做：

1. 将菜单放在具有“silver”类的元素中：

   <div class="silver">
       <!-- menu -->
   </div>
   

2. 通过在每个CSS 选择器 前面添加来修改kendo.silver.css ：.silver

   .silver .k-block,
   .silver .k-widget,
   .silver .k-popup,
   .silver .k-content,
   .silver .k-dropdown .k-input
   /* the rest of kendo.silver.css */
   

3. 将网格放置在具有“默认”类的元素内：

   <div class="default">
       <!-- grid -->
   </div>
   

4. 通过在每个CSS 选择器 前面添加来修改kendo.default.css ：.default

   .default .k-block,
   .default .k-widget,
   .default .k-popup,
   .default .k-content,
   .default .k-dropdown .k-input
   /* the rest of kendo.default.css */
   

更多信息可以在Kendo UI 论坛中找到。