How to get css value of pseudo element with selenium python?

Question

I have html o page:

<div id="foo" class="bar" title>
  ::before
</div>

With Chrome or Firefox on selection ::before I can see css on Styles tab:

.SomeTitle .bar::before{
content: "required_value"
}

After selection <div id="foo" class="bar" title> it presented in Pseudo ::before element. I did try to get value of content:

browser = webdriver.Firefox()
browser.get(my_url)
my_element = browser.find_element_by_xpath("//*[@id='foo']")
my_elemet.value_of_css_property("content")

But it does returns none. How can I get value of content?

This is not duplicate. I want use python selenium not jquery. — nick_gabpe
– nick_gabpe, Commented May 5, 2017 at 11:19

nick_gabpe · Accepted Answer · 2017-05-10 12:44:24Z

2

Looks like I did find solution. This is not pure selenium but it does works.

browser.execute_script("return window.getComputedStyle(document.querySelector('.SomeTitle .bar'),':before').getPropertyValue('content')")

Hope this will helps to someone.

answered May 10, 2017 at 12:44

nick_gabpe

5,9437 gold badges32 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to get css value of pseudo element with selenium python?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related