I am using Java with JSF and PrimeFaces to maintain an old web application. Somehow, my HTML-markup in the browser has strange-looking id-attributes. For example:
<div id="j_id_cq:piilotettuOstoskori:1:hiddenBasketInputPanel" class="ui-panel ui-widget ui-widget-content ui-corner-all invisiblePanel" data-widget="widget_j_id_cq_piilotettuOstoskori_1_hiddenBasketInputPanel"><div id="j_id_cq:piilotettuOstoskori:1:hiddenBasketInputPanel_content" class="ui-panel-content ui-widget-content"><input id="j_id_cq:piilotettuOstoskori:1:muutetettuMaara" name="j_id_cq:piilotettuOstoskori:1:muutetettuMaara" type="text" value="4,0" class="amountMediumField" autocomplete="off">
I have never seen that kind of id attributes with : colon in it, and I can't find them in any documentation. It looks like PrimeFaces adds them in the browser, since they don't appear in XHTML-markup I am writing. They also cannot be used in CSS. Could someone explain what are those colons and how can I for example use them in CSS?
