For the purpose of selecting a DOM node in a performant manner, you really don't need to know how CSS/XPath traverse the DOM. You just need to know that querySelector exists.
In general, I think it's enough to know what your abstraction does, rather than how it does it.
There's a huge difference between using an abstraction with vs. without understanding what it does. Often the latter leads to more layers of abstraction piled on top to "fix" the problem, until everything sorta works and is barely workable at the same time.
Imagine looking at a website like this without being in the tech industry (or, more specifically, the "highly successful" tech industry). I can't imagine people in many other occupations looking at a site like this with any amounts of sympathy.
We truly are in a fortunate "bubble" where we can sympathize with those who don't get exactly the top-paying job they were looking for and had to "settle" on Twitter, Microsoft, etc.