自定义 CSS 与 Kendo UI 网格混淆

Question

我有一个带寻呼机的 Kendo UI (jQuery) 网格。设计者在项目中添加了一个非常重的 common.css，它影响了网格的寻呼机部分（没有别的）：

如您所见，突出显示的 ul 从 common.css (margin-bottom: 15px;) 获得了一些样式。这是 CSS 元素：

#mainContent > .container .sfContentBlock ul {
    padding-left: 0 !important;
    margin-bottom: 15px;
}

我需要免除 kendo。

Answer 1

您将覆盖它。

common.css 中第 2765 行下方或者在之后加载的 css 文件中。

#mainContent > .container .sfContentBlock ul {
    margin-bottom: 0 !important;
}

或者专门针对这些 ul。

#mainContent ul.k-pager-numbers {
    margin-bottom: 0 ! important;
}

Custom CSS is messing with Kendo UI Grid