"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[97347],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>d});varo=n(67294);functionr(e,t,n){returntine?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}functiona(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?a(Object(n),!0).forEach((function(t){r(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}returne}functions(e,t){if(null==e)return{};varn,o,r=function(e,t){if(null==e)return{};varn,o,r={},a=Object.keys(e);for(o=0;o<a.length;o++)n=a[o],t.indexOf(n)>=0||(r[n]=e[n]);returnr}(e,t);if(Object.getOwnPropertySymbols){vara=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)n=a[o],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}returnr}vari=o.createContext({}),p=function(e){vart=o.useContext(i),n=t;returne&&(n="function"==typeofe?e(t):l(l({},t),e)),n},c=function(e){vart=p(e.components);returno.createElement(i.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,r=e.mdxType,a=e.originalType,i=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),u=p(n),d=r,h=u["".concat(i,".").concat(d)]||u[d]||m[d]||a;returnn?o.createElement(h,l(l({ref:t},c),{},{components:n})):o.createElement(h,l({ref:t},c))}));functiond(e,t){varn=arguments,r=t&&t.mdxType;if("string"==typeofe||r){vara=n.length,l=newArray(a);l[0]=u;vars={};for(variint)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s.mdxType="string"==typeofe?e:r,l[1]=s;for(varp=2;p<a;p++)l[p]=n[p];returno.createElement.apply(null,l)}returno.createElement.apply(null,n)}u.displayName="MDXCreateElement"},16863:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>p,contentTitle:()=>s,default:()=>u,frontMatter:()=>l,metadata:()=>i,toc:()=>c});n(67294);varo=n(3905);functionr(){returnr=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},r.apply(this,arguments)}functiona(e,t){if(null==e)return{};varn,o,r=function(e,t){if(null==e)return{};varn,o,r={},a=Object.keys(e);for(o=0;o<a.length;o++)n=a[o],t.indexOf(n)>=0||(r[n]=e[n]);returnr}(e,t);if(Object.getOwnPropertySymbols){vara=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)n=a[o],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}returnr}constl={},s="Query Selectors",i={unversionedId:"guides/query-selectors",id:"version-21.3.2/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-21.3.2/guides/query-selectors.mdx",sourceDirName:"guides",slug:"/guides/query-selectors",permalink:"/guides/query-selectors",draft:!1,tags:[],version:"21.3.2",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:"ARIAselecto