모든 포틀릿 인스턴스에서 태그를 스타일 지정하는 방법은 무엇입니까?

Question

단일 인스턴스가 아닌 CSS로 모든 포틀릿 인스턴스를 선택하는 방법은 무엇입니까? 내 페이지에서 가장 바깥 쪽의 포틀릿 태그는

<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"> 

으로 표시됩니다. 즉, 인스턴스별로 태그가 지정됩니다. 그래서이 ID는 특정 예를 들어 있기 때문에 bu id p_p_id_promotion_WAR_promotionportlet_INSTANCE_mxMxCb1CjaeA_을 선택할 수 있습니다. 이 플러그인의 모든 포틀릿에 고유 한 ID는 없습니다.

main.css의 스타일은 모든 페이지 또는 포틀릿 내용에만 적용됩니까? 포틀릿을 감싸는 DIV 소자에 주입 될 것이다

Answer 1

특성 파일 liferay-portlet.xml 입국

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

[XYZ 여기]이 CSS 클래스를 제공한다. 따라서이 클래스를 CSS 규칙의 접두어로 사용하여 페이지의 해당 포틀릿에 적용 할 수 있습니다.

HTH