\n An XPath selector is a powerful language to choose the specified set from the tags tree.\n<\/p>\n
\n While developing this product we wanted to use CSS selectors that simpler and more often use. But CSS doesn\u2019t allow to choose the item by index. Therefore, we decided to use XPath.\n<\/p>\n
\n E.g. we want to get all <\/a>To get only first element from that set we should type:\n<\/p>\n \n To get only last element from that set we should type:\n<\/p>\n \n To get all element from that set after the 2nd one:\n<\/p>\n \n If you familiar with CSS selectors it can be converted to XPath<\/strong><\/a> by this service.\n<\/p>\n \n The samples above show the most used cases while setting up the product. More information about Xpath syntax can be found here<\/a> and here<\/a>. And we can test the selectors<\/strong><\/a> on a real markup.<\/p>\n","protected":false},"excerpt":{"rendered":" An XPath selector is a powerful language to choose the specified set from the tags tree. While developing this product we wanted to use CSS selectors that simpler and more often use. But CSS doesn\u2019t allow to choose the item by index. Therefore, we decided to use XPath. E.g. we want to get all div…<\/p>\n","protected":false},"author":18,"featured_media":0,"parent":4812,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"rank_math_lock_modified_date":false},"categories":[816],"tags":[],"class_list":["post-4848","doc","type-doc","status-publish","hentry","category-accelerator"],"_links":{"self":[{"href":"https:\/\/www.s-sols.com\/api\/wp\/v2\/doc\/4848","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.s-sols.com\/api\/wp\/v2\/doc"}],"about":[{"href":"https:\/\/www.s-sols.com\/api\/wp\/v2\/types\/doc"}],"author":[{"embeddable":true,"href":"https:\/\/www.s-sols.com\/api\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.s-sols.com\/api\/wp\/v2\/comments?post=4848"}],"up":[{"embeddable":true,"href":"https:\/\/www.s-sols.com\/api\/wp\/v2\/doc\/4812"}],"wp:attachment":[{"href":"https:\/\/www.s-sols.com\/api\/wp\/v2\/media?parent=4848"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.s-sols.com\/api\/wp\/v2\/categories?post=4848"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.s-sols.com\/api\/wp\/v2\/tags?post=4848"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}div<\/code> tags that contain comments-area<\/code> in their class<\/code> attribute and have id<\/code> that equals to comments<\/code>. So, the result selector will be:\n<\/p>\n.\/\/div[@id='comments' and contains(concat(' ',normalize-space(@class),' '),' comments-area ')]<\/code>\n<\/p>\n(.\/\/div[@id='comments' and contains(concat(' ',normalize-space(@class),' '),' comments-area ')])[0]<\/code>\n<\/p>\n(.\/\/div[@id='comments' and contains(concat(' ',normalize-space(@class),' '),' comments-area ')])[last()]<\/code>\n<\/p>\n(.\/\/div[@id='comments' and contains(concat(' ',normalize-space(@class),' '),' comments-area ')])[position()>2]<\/code>\n<\/p>\n