Liferay:选定Portlet上的全局CSS样式

Liferay:选定Portlet上的全局CSS样式,liferay,liferay-6,liferay-theme,Liferay,Liferay 6,Liferay Theme,我尝试了liferay-hook.xml: <custom-jsp-dir>/WEB-INF/custom_jsps</custom-jsp-dir> <custom-jsp-global>true</custom-jsp-global> 并在/WEB-INF/jsp/html/common/themes/top_js-ext.jspf上创建文件,并将我的所有内容放在那里。但它将应用于我页面上的所有页面。我想知道如何在liferay上的选定por

我尝试了liferay-hook.xml:

<custom-jsp-dir>/WEB-INF/custom_jsps</custom-jsp-dir>
<custom-jsp-global>true</custom-jsp-global>

并在/WEB-INF/jsp/html/common/themes/top_js-ext.jspf上创建文件,并将我的所有内容放在那里。但它将应用于我页面上的所有页面。我想知道如何在liferay上的选定portlet上应用全局样式。谢谢。

引入全局CSS样式的最佳方式是通过主题,而不是通过JSP覆盖。创建一个包含您想要使用的CSS的主题。通过这种方式,Liferay将在缩小的版本中包含您的CSS,压缩所有文件,只需一次请求即可下载。另外,您的更改可能与特定主题相关

使用浏览器的DOM检查工具分析所需的CSS选择器。每个portlet声明您可以轻松寻址的特定类。e、 g

.portlet-navigation {
    background-color: red;
}