Why CSS selectors suck

[cvrebert]

• Child selector: but what about wrapper elements
• Descendant selector: but what about recursion or inter-component hacks?
• Sibling selector, :first-child/:last-child: tooltips & hidden inputs break this (see https://github.com/twbs/bootstrap/issues/16515 & https://github.com/twbs/bootstrap/issues/15684, https://github.com/twbs/bootstrap/issues/13825, https://github.com/twbs/bootstrap/issues/16693, https://github.com/twbs/bootstrap/issues/16540)
• Element selector
  • ul and li, vs divs
  • a vs. button
• :hover/:focus stickiness
• :valid/:invalid don't account for user interaction
• "Semantic" markup

[cvrebert]

For the .col-* use-case: Red herrings: *=, ^= Mostly works: |=

[cvrebert]

• of clause of :nth-[last]-child() will rock

[cvrebert]

"CSS Selectors: The Good Parts"? "Some CSS Selectors Considered Harmful"?