The child items are wrapped in a group (UL element) which has a CSS class based on its nesting level.
The first level items are wrapped in UL with the class rootGroup, the second level items are in level1, the third level - in level2, and so on:
| |
 Copy Code |
|
<ul class="group level1 ">
<li class="item first">
<a href="#" id="RadPanelBar1_p1_p0" class="link">
<span class="text">Telerik RadPanelBar</span>
</a>
</li>
</ul> |
Since the items are nested, applying a style to a specific level is also applied to any deeper nested levels.
For example, to make the second and more level items appear red, you can use
| |
Copy Code |
|
.level1 .item
{
color:red;
} |
Again, if you want the rule to apply only to this level, you can negate it for the deeper levels.
| |
Copy Code |
|
.level1 .level2 .item
{
color:black;
} |