# Styling and CSS

## Content



CSS classes for the TreeView control are as follows:

| **Class** | **Description** |
| --- | --- |
| .wj-treeview | Styles the div host element of the TreeView control. |
| wj-nodelist | Styles all the nodes including the selected node in the TreeView control. |
| .wj-node<br /><br />.wj-node:before |   Styles all the nodes/specific nodes, except the selected node in the TreeView control.   |
| .wj-node .wj-node-text | Styles the node text. |
| .wj-node .wj-state-selected | Styles the currently selected node in the TreeView control. |
| .wj-node .wj-state-collapsed:before | Styles the node that is in collapsed state. |
| .wj-node .wj-state-collapsing:before | Styles the node that is in collapsing state. |
| .wj-node .wj-state-loading<br /><br />.wj-node .wj-state-loading:before | Styles the node that is in loading state. |
| .wj-node .wj-state-empty:before | Styles the node that has no child nodes. |
| .wj-node .wj-node-check | Styles the check-box element that is displayed for every node after setting the ShowCheckboxes property to true. |
| .wj-node img | Styles the image of node. |
| .wj-marker | Styles the marker line which appears when performing the drag drop operations. |
|   .wj-rtl<br /><br />.wj-rtl .wj-nodelist .wj-node:before<br /><br />.wj-rtl .wj-nodelist .wj-nodelist<br /><br />.wj-rtl .wj-nodelist .wj-node.wj-state-collapsed:before<br /><br />.wj-rtl .wj-node img<br /><br />.wj-rtl .wj-node .wj-node-check  .wj-rtl .wj-nodelist .wj-node.wj-state-collapsing:before   | Styles the Treeview control rendered in right to left direction. |