Tooling for CSS childs path?

2
Hi, is there any Browser-tooling for Chrome / Edge available, that allows me to easily extract the path to a specific CSS-child element? For example, I would like to manipulate the label of a Reference Selector. At the moment path to that child element is more guessing (CSS beginner ;-) ) for me. Maybe you know a smart helper tool to automate this task? Thx!
asked
3 answers
1

Hi Tjark,
One way to start is using “Dev Tools” from your browser (just press F12) and then you can select the element and and see what CSS class you should manipulate.


But for your own custom style you should add your own classes, to a container or directly into the widget or element that you want to edit/customize.  

answered
0

Thanks Miguel,

my question goes in the direction, how I can find out, which path an child element has.

For example, the CSS below manipulates the Listitem of a listview. I know the path, because I simply googled it. ;-) But how can I find out for any random widget and their childs, which is the correct path to set in the CSS? In the Chrome dev tools it not very obvious for me.

 

Thanks for your help!

 

answered