Choosing Between CSS Selectors and XPath

You found a stable `<span class="in-stock-badge">` inside each available product card and you want to extract the WHOLE card for each in-stock product. Which is the cleanest one-liner?

• ACSS: `.in-stock-badge`
• BCSS: `.product:has(.in-stock-badge)` (newer CSS, supported by Playwright, lxml 5+; not all parsers)
• CXPath: `//span[@class="in-stock-badge"]/ancestor::article[contains(@class,"product")]`
• DEither CSS:has() or XPath ancestor::, depending on what your library supports, both express 'card containing badge' in one expression