# How to set node id for css

**URL:** <https://discourse.nodered.org/t/how-to-set-node-id-for-css/31314>\
**Category:** General\
**Created:** [8 August 2020 15:50 UTC](https://discourse.nodered.org/t/how-to-set-node-id-for-css/31314 "2020-08-08T15:50:43Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![newsky40](https://avatars.discourse-cdn.com/v4/letter/n/b5e925/32.png) [@newsky40](https://discourse.nodered.org/u/newsky40)\
**Post date:** [8 August 2020 15:50 UTC](https://discourse.nodered.org/t/how-to-set-node-id-for-css/31314/1 "2020-08-08T15:50:44Z")

</div>

I want to use the css file to assign a color to each text nodes. I want each nodes to have a different color. To do so, I want to set a node id or class and assign a color directly from the css file. How can I assign an id or class (used in html) to the text node?

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [9 August 2020 16:02 UTC](https://discourse.nodered.org/t/how-to-set-node-id-for-css/31314/2 "2020-08-09T16:02:16Z")

</div>

Have you examined the Editor using your browser's dev tools? That is always the place to start with issues like this. I should let you see how nodes are identified and whether there is any realistic way to change the css.

---

<div class="post-metadata">

**Author:** ![newsky40](https://avatars.discourse-cdn.com/v4/letter/n/b5e925/32.png) [@newsky40](https://discourse.nodered.org/u/newsky40)\
**Post date:** [23 August 2020 09:25 UTC](https://discourse.nodered.org/t/how-to-set-node-id-for-css/31314/3 "2020-08-23T09:25:18Z")

</div>

Where can I see brower's dev tools?

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [23 August 2020 09:34 UTC](https://discourse.nodered.org/t/how-to-set-node-id-for-css/31314/4 "2020-08-23T09:34:25Z")

</div>

@TotallyInformation is refering to the built in devtools in your browser. You can use it to inspect and realtime change things to see what affect you can achieve

In most browsers, simply hit "F12" on your keyboard.

[Here is a video](https://www.youtube.com/watch?v=Z3HGJsNLQ1E) of someone using devtools - he does a good job of showing you how you can use devtools to find and test CSS changes in realtime (to make sure it does what you want)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [22 October 2020 09:34 UTC](https://discourse.nodered.org/t/how-to-set-node-id-for-css/31314/5 "2020-10-22T09:34:35Z")

</div>

Closed on 22 October 2020 09:34 UTC

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.