Each panelbar item is presented by the following HTML elements:
| |
 Copy Code |
|
<li class="item">
<a class="link">
<span class="text">The item text</span>
</a>
</li> |
The first level items are enclosed in a UL element with a CSS class rootGroup.
For example, if you want to make all root level items look red you can use the following CSS:
| |
Copy Code |
|
.rootGroup .item
{
color:red;
} |
If you try the following code, you will notice, that not only the first level, but all items have this rule applied. This is because the child items are nested inside the first level item. We will need additional CSS code, which will negate this effect for the second and deeper level items, which are wrapped in UL element with CSS class group:
| |
Copy Code |
|
.rootGroup .level1 .item
{
color:black;
} |