"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[89394],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>d});varo=n(67294);functiona(e,t,n){returntine?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}functionr(e,t){varn=Object.keys(e);if(Object.getOwnPropertySymbols){varo=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){returnObject.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}returnn}functionl(e){for(vart=1;t<arguments.length;t++){varn=null!=arguments[t]?arguments[t]:{};t%2?r(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}returne}functioni(e,t){if(null==e)return{};varn,o,a=function(e,t){if(null==e)return{};varn,o,a={},r=Object.keys(e);for(o=0;o<r.length;o++)n=r[o],t.indexOf(n)>=0||(a[n]=e[n]);returna}(e,t);if(Object.getOwnPropertySymbols){varr=Object.getOwnPropertySymbols(e);for(o=0;o<r.length;o++)n=r[o],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}returna}vars=o.createContext({}),p=function(e){vart=o.useContext(s),n=t;returne&&(n="function"==typeofe?e(t):l(l({},t),e)),n},c=function(e){vart=p(e.components);returno.createElement(s.Provider,{value:t},e.children)},m={inlineCode:"code",wrapper:function(e){vart=e.children;returno.createElement(o.Fragment,{},t)}},u=o.forwardRef((function(e,t){varn=e.components,a=e.mdxType,r=e.originalType,s=e.parentName,c=i(e,["components","mdxType","originalType","parentName"]),u=p(n),d=a,h=u["".concat(s,".").concat(d)]||u[d]||m[d]||r;returnn?o.createElement(h,l(l({ref:t},c),{},{components:n})):o.createElement(h,l({ref:t},c))}));functiond(e,t){varn=arguments,a=t&&t.mdxType;if("string"==typeofe||a){varr=n.length,l=newArray(r);l[0]=u;vari={};for(varsint)hasOwnProperty.call(t,s)&&(i[s]=t[s]);i.originalType=e,i.mdxType="string"==typeofe?e:a,l[1]=i;for(varp=2;p<r;p++)l[p]=n[p];returno.createElement.apply(null,l)}returno.createElement.apply(null,n)}u.displayName="MDXCreateElement"},25120:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>p,contentTitle:()=>i,default:()=>u,frontMatter:()=>l,metadata:()=>s,toc:()=>c});n(67294);varo=n(3905);functiona(){returna=Object.assign||function(e){for(vart=1;t<arguments.length;t++){varn=arguments[t];for(varoinn)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}returne},a.apply(this,arguments)}functionr(e,t){if(null==e)return{};varn,o,a=function(e,t){if(null==e)return{};varn,o,a={},r=Object.keys(e);for(o=0;o<r.length;o++)n=r[o],t.indexOf(n)>=0||(a[n]=e[n]);returna}(e,t);if(Object.getOwnPropertySymbols){varr=Object.getOwnPropertySymbols(e);for(o=0;o<r.length;o++)n=r[o],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}returna}constl={},i="Query Selectors",s={unversionedId:"guides/query-selectors",id:"version-20.7.4/guides/query-selectors",title:"Query Selectors",description:"Queries are the primary mechanism for interacting with the DOM on your site. For example, a typical workflow goes like:",source:"@site/versioned_docs/version-20.7.4/guides/query-selectors.md",sourceDirName:"guides",slug:"/guides/query-selectors",permalink:"/guides/query-selectors",draft:!1,tags:[],version:"20.7.4",frontMatter:{},sidebar:"docs",previous:{title:"Configuration",permalink:"/guides/configuration"},next:{title:"Locators",permalink:"/guides/locators"}},p={},c=[{value:"<code>P</code> Selectors",id:"p-selectors",level:2},{value:"<code>>>></code> and <code>>>>></code> combinators",id:"-and--combinators",level:3},{value:"Example",id:"example",level:4},{value:"<code>P</code>-elements",id:"p-elements",level:3},{value:"Text selectors (<code>-p-text</code>)",id:"text-selectors--p-text",level:4},{value:"Example",id:"example-1",level:5},{value:"XPath selectors (<code>-p-xpath</code>)",id:"xpath-selectors--p-xpath",level:4},{value:"Example",id:"example-2",level:5},{value:"ARIAselector