Css 面板内的面板

Css 面板内的面板,css,overriding,sapui5,Css,Overriding,Sapui5,我想做的是在一个没有填充物的面板中放置一个面板 当我以开发人员模式编写时 .sapUiPanelCont { padding. 0px !important; } 我的面板不再有填充物了。这正是我需要的。 如何用自己的名称重写此类?所以其他面板得到了正常的sapUiPanelCont,当我将这个类添加到我的控件时,一切都像魔咒一样工作 我添加了样式类,如下所示: control.addStyleClass("exampleClass"); CSS选择器必须比默认的.sap

我想做的是在一个没有填充物的面板中放置一个面板

当我以开发人员模式编写时

  .sapUiPanelCont
  {
  padding. 0px !important;
  }
我的面板不再有填充物了。这正是我需要的。 如何用自己的名称重写此类?所以其他面板得到了正常的sapUiPanelCont,当我将这个类添加到我的控件时,一切都像魔咒一样工作

我添加了样式类,如下所示:

 control.addStyleClass("exampleClass");

CSS选择器必须比默认的.sapUiPanelCont更具体。

因此,您可以尝试使用选择器
.sapUiPanelCont.exampleClass
,并忽略!重要标志:

.sapUiPanelCont.exampleClass
{
  padding: 0px;
}

您可以将样式添加到新的.css文件中,并在组件元数据/描述符中引用它。看

。。。
“sap.ui5”:{
“资源”:{//组件内的相对URL
“css”:[{
“uri”:“myStyles.css”
}]
},
...
这样,一旦加载组件,myStyles.css就会添加到html文档中

或者,如果您使用的是XMLViews,则可以:


.sapUiPanelCont.exampleClass
{
填充:0px;
}