css selector and xpath

CSS选择器与XPath解析

最新推荐文章于 2025-02-25 18:02:04 发布

原创最新推荐文章于 2025-02-25 18:02:04 发布 · 228 阅读

0 ·

CC 4.0 BY-SA版权

本文深入探讨了CSS选择器和XPath语法的区别与应用，详细解释了元素选择、子元素定位及属性匹配的方法，包括使用特定语法如div.card>div.name来精确选择元素。

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)