CSS样式问题本节列出了一些与SAPUI5中的CSS样式相关的最重要的规则。SAPUI5控件使用CSS设置样式，并且由于应用程序可以提供自己的CSS，因此可以设置样式。然而，这种改编越深入，它们就越有可能链接到未来的SAPUI5更新或其他库和应用程序。但是，如果我们遵守下列规则，则可以降低发生这种情况的风险。不要直接覆盖控件类样式SAPUI5不保证跨版本样式类名称的稳定性。如果样式类的命名在以后的版本中发生变化，则样式规则将不再应用于目标元素。此外，当应用程序在共享运行时环境（如SAPFioriLaunchpad）中运行时，直接覆盖控件类样式可能会导致样式冲突。作为最佳实践，添加您自己的命名空间类。错误做法：直接修改SAP标准CSS类：.sapMInputBaseError{font-weight:bold;}正确做法：oButton.addStyleClass("poaAppError");.poaAppError{font-weight:bold;}Don'tstyleDOMelementnames直接对DOM元素进行样式化会导致不可预知的结果，因为SAPUI5不保证内部控制DOM树随时间的稳定性。此外，当应用程序在共享运行时环境（例如SAPFioriLaunchpad）中运行或添加自定义HTML时，这可能会导致样式冲突。最好将样式更改限制为专门使用的CSS类。错误示例：div{width:120px;}正确方法：.myStyleClass{width:120px;}不要在CSS选择器中使用生成的IDsSAPUI5应用程序可以为元素创建动态ID。不要将这些ID用作自定义CSS中的选择器，因为它们会随时间变化。最好添加和使用CSS类。错误的方式：#__view1__button0{font-weight:bold;}正确的方式：.myEmphasizedButton{font-weight:bold;}不要创建没有命名空间的选择器没有命名空间的自定义选择器和CSS类可能会导致共享中的样式冲突SAPFioriLaunchpad等运行时环境，或者当包含可能使用相同CSS类名称的其他JavaScript库时。错误的方式：.title{font-weight:bold;}正确的方式：.poaAppTitle{font-weight:bold;}如果应用程序应该是主题化的，不要使用硬编码的颜色、字体大小和图像应用程序的主题依赖关于SAPUI5主题CSS中的LESS计算。应用程序和自定义控件中的硬编码颜色、字体和图像意味着这些颜色不会被主题修改，这可能会导致设计问题或可访问性问题（例如，在高对比度黑色(HCB)主题中）。您可以使用这些LESS计算提供的特殊CSS类。错误的方式：.myCustomHTML{color:#FFF;background-color:blue;}正确的方法：将CSS类sapThemeTextInverted和sapThemeHighlight-asBackgroundColor添加到您的自定义HTML元素。
