# CSS selector

**URL:** <https://community.dynatrace.com/t/css-selector/22048>\
**Category:** Real User Monitoring\
**Tags:** user-sessions, easytravel\
**Created:** [September 24, 2019, 7:08am UTC](https://community.dynatrace.com/t/css-selector/22048 "2019-09-24T07:08:04Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![SB\_12](https://avatars.discourse-cdn.com/v4/letter/s/3ab097/32.png) [@SB\_12](https://community.dynatrace.com/u/SB_12)\
**Post date:** [September 24, 2019, 7:08am UTC](https://community.dynatrace.com/t/css-selector/22048/1 "2019-09-24T07:08:04Z")

</div>

HI ,

I am trying to display some values on a dashboard. I am using Easytravel application , and want to display totalcost value using CSS selector. I created a property under Session and user action properties. While the capture expression is giving proper results when testing on chrome browser , only null value is shown on dashboard.

Capture expression:

#iceform\\3aj\_idt77-11-1 \> span

When I am testing this expression in chrome

document.querySelector(‘#iceform\\3aj\_idt77-11-1 \> span’).innerHTML

“$ 1461.98”

Can someone help me find out what i am missing ?

---

<div class="post-metadata">

**Author:** ![skrystosik](https://dub1.discourse-cdn.com/dynatrace/user_avatar/community.dynatrace.com/skrystosik/32/21133_2.png) [@skrystosik](https://community.dynatrace.com/u/skrystosik)\
**Post date:** [September 24, 2019, 8:37am UTC](https://community.dynatrace.com/t/css-selector/22048/2 "2019-09-24T08:37:09Z")

</div>

When you want to capture total cost:

 ![21990-1569314121013.png](https://global.discourse-cdn.com/dynatrace/original/3X/8/d/8d9ce18620a47b582027503a2f2cf260448f7d74.png)

please look on sourcecode:

 ![21991-1569314145108.png](https://global.discourse-cdn.com/dynatrace/original/3X/2/3/235ae1453f557a23a117fc359298edbda39df31b.png)

as you can see you have class .totalCosts which is used only once on this page, so it’s good for extracting properties. You should keep your rules as simple as possible.

Sebastian

---

<div class="post-metadata">

**Author:** ![SB\_12](https://avatars.discourse-cdn.com/v4/letter/s/3ab097/32.png) [@SB\_12](https://community.dynatrace.com/u/SB_12)\
**Post date:** [September 24, 2019, 10:40am UTC](https://community.dynatrace.com/t/css-selector/22048/3 "2019-09-24T10:40:43Z")

</div>

Hi [@sebastian k.](https://answers.dynatrace.com/users/15061/view.html) thanks for your reply. Are you suggesting me to use Request attribute ?

---

<div class="post-metadata">

**Author:** ![skrystosik](https://dub1.discourse-cdn.com/dynatrace/user_avatar/community.dynatrace.com/skrystosik/32/21133_2.png) [@skrystosik](https://community.dynatrace.com/u/skrystosik)\
**Post date:** [September 24, 2019, 10:45am UTC](https://community.dynatrace.com/t/css-selector/22048/4 "2019-09-24T10:45:04Z")

</div>

No I suggest using different css path.

---

<div class="post-metadata">

**Author:** ![SB\_12](https://avatars.discourse-cdn.com/v4/letter/s/3ab097/32.png) [@SB\_12](https://community.dynatrace.com/u/SB_12)\
**Post date:** [September 25, 2019, 1:05pm UTC](https://community.dynatrace.com/t/css-selector/22048/5 "2019-09-25T13:05:28Z")

</div>

Thanks [@sebastian k.](https://answers.dynatrace.com/users/15061/view.html) , it is working for me now.

---

<div class="post-metadata">

**Author:** ![rachel\_lee](https://avatars.discourse-cdn.com/v4/letter/r/71e660/32.png) [@rachel\_lee](https://community.dynatrace.com/u/rachel_lee)\
**Post date:** [June 10, 2021, 3:34pm UTC](https://community.dynatrace.com/t/css-selector/22048/6 "2021-06-10T15:34:00Z")

</div>

what is the working configuration?