Home Forums XMetaL Tips and Tricks CSS: Hiding Specific PIs and Styling Selected PIs Differently Reply To: CSS: Hiding Specific PIs and Styling Selected PIs Differently

Derek Read

Reply to: CSS: Hiding Specific PIs and Styling Selected PIs Differently

You cannot specify a “wildcard” but what you are asking is possible to do by combining the first and second example and including both in the same CSS file, making sure the cascading order is correct.

The first example listed here will apply to all PIs with that target, and the second will override the styling for the first for any more specific PIs containing the data you specify. For each subsequent PI you want to change the styling for you would need to specify an additional selector with a different value for the xm-pi-data part.

Depending on what you really need one of these two should do:
[code]
$procins[xm-pi-target=”A”] {
background-color: blue;
}

$procins[xm-pi-target=”A”][xm-pi-data=”1″] {
background-color: red;
}

$procins[xm-pi-target=”A”][xm-pi-data=”2″] {
background-color: yellow;
}[/code]

[code]$procins[xm-pi-target=”A”] {
background-color: blue;
}

$procins[xm-pi-data=”1″] {
background-color: red;
}

$procins[xm-pi-data=”2″] {
background-color: yellow;
}[/code]

Reply

Products
Downloads
Support