# How to apply different style for tree component in individual item

**URL:** <https://forum.inductiveautomation.com/t/how-to-apply-different-style-for-tree-component-in-individual-item/105215>\
**Category:** Ignition\
**Created:** [April 17, 2025, 7:30am UTC](https://forum.inductiveautomation.com/t/how-to-apply-different-style-for-tree-component-in-individual-item/105215 "2025-04-17T07:30:09Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [April 17, 2025, 8:39am UTC](https://forum.inductiveautomation.com/t/how-to-apply-different-style-for-tree-component-in-individual-item/105215/2 "2025-04-17T08:39:53Z")

</div>

> [@Style Tree Items programmatically](https://forum.inductiveautomation.com/t/style-tree-items-programmatically/102894/4):
>
> Yes, but not without some stylesheet CSS. Some examples: Note: these examples will apply to ALL Tree components if used as. To limit these to Trees with a specific Perspective Style applied, prefix the selectors with the Perspective Style path like this: /\* Applies this style to Tree components with the "Components/EndNodeOpacity" Perspective Style applied \*/ .psc-Components\/EndNodeOpacity .tree-item[data-label\*="UPDATE"] { background-color: aliceblue; } /\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/ /\* Tree Vi…

---

_[View the full topic](https://forum.inductiveautomation.com/t/how-to-apply-different-style-for-tree-component-in-individual-item/105215)._