css selector and xpath

css selector and xpath

.element .symbol (a space in middle)
means .symbol inside .element
.element.symbol (no space)
means .element that has the class symbol as well.
So,
.element.large .symbol
means .symbol inside .element that has the class large as well.

What’s the point using this syntax
div.card > div.name
What’s the difference between this
div.card div.name

A > B will only select B that are direct children to A (that is, there are no other elements inbetween).
A B will select any B that are inside A, even if there are other elements between them.

https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot

For shadow root element, use /deep/ to go through it.

#tag=’* /deep/ paper-button#clearBrowsingDataConfirm’
tag="* /deep/ dialog#clearBrowsingDataDialog paper-tab[tabindex=’-1’]" //means paper-tab(under dialog) has arribute tabindex equals ‘-1’
hh=driver.find_element_by_css_selector(tag)