Question

我不熟悉CSS并且有一个非常基本的问题。我只想删除以下＆＃34; div＆＃34;：

中的左右填充

<div id="__grid2" data-sap-ui="__grid2" class="noPaddingRightLeft sapUiRespGrid sapUiRespGridHSpace1 sapUiRespGridMedia-Std-LargeDesktop sapUiRespGridVSpace1">

＆＃34; sapUixxx＆＃34;类由框架提供，不能直接调整。因此，我宣布了一个新的css课程＆＃34; noPaddingRightLeft＆＃34;并将其添加到div：

.sapUiRespGridHSpace1 .noPaddingRightLeft{
padding: 0 0; }

当我在Chrome调试工具中查看结果时，它看起来像这样：

CSS at Runtime

没有我班级的迹象＆＃34; noPaddingRightLeft＆＃34;虽然它在元素的类列表中。如何正确覆盖sapUixxx css文件？

感谢您的帮助

托拜厄斯

Answer 1

将此添加到您的css：

   .sapUiRespGrid.sapUiRespGridHSpace1 {
        padding: 0;
    }

Answer 2

将重要标志添加到您的css

.class {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

Answer 3

执行：

<div id="__grid2" data-sap-ui="__grid2" class="noPaddingRightLeft sapUiRespGrid sapUiRespGridHSpace1 sapUiRespGridMedia-Std-LargeDesktop sapUiRespGridVSpace1" style = "padding: 0">

或者按如下方式创建css类：

 #__grid2{
   padding: 0 !important;
}

覆盖CSS类以删除填充

3 个答案: