如何在所有portlet实例中设置标记样式？

Question

如何用CSS选择所有po​​rtlet实例，而不是单个实例？在我的页面上，我将最外层的portlet标记视为

<div id="p_p_id_promotion_WAR_promotionportlet_INSTANCE_mxMxCb1CjaeA_" class="portlet-boundary portlet-boundary_promotion_WAR_promotionportlet_ promotion-portlet  portlet-draggable yui3-dd-drop"> 

即。它由实例标记。所以我可以选择bu id p_p_id_promotion_WAR_promotionportlet_INSTANCE_mxMxCb1CjaeA_，因为这个id是特定的。我看不到特定于此插件的所有portlet的ID。

main.css中的样式是否仅应用于所有页面或portlet内容？

Answer 1

属性文件liferay-portlet.xml提供条目

<css-class-wrapper>XYZ</css-class-wrapper>

这个CSS类[here：XYZ]将被注入包装portlet的DIV元素中。因此，您可以将此类作为css规则的前缀提供，以便在任何页面上应用这些portlet。

HTH