• CSS#field-sizing: content; auto-growing-textarea

pseudo-classes

• https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate
• https://developer.mozilla.org/en-US/docs/Web/CSS/:focus
• https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible
• https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-within
• https://developer.mozilla.org/en-US/docs/Web/CSS/:checked
• https://developer.mozilla.org/en-US/docs/Web/CSS/:autofill
  • https://micro.bossadizenith.me/writing/taming-chromes-autofill
• https://developer.mozilla.org/en-US/docs/Web/CSS/:default
• https://developer.mozilla.org/en-US/docs/Web/CSS/:enabled
• https://developer.mozilla.org/en-US/docs/Web/CSS/:disabled
• https://developer.mozilla.org/en-US/docs/Web/CSS/:valid
• https://developer.mozilla.org/en-US/docs/Web/CSS/:invalid
• https://developer.mozilla.org/en-US/docs/Web/CSS/:user-valid
• https://developer.mozilla.org/en-US/docs/Web/CSS/:user-invalid
• https://developer.mozilla.org/en-US/docs/Web/CSS/:in-range
• https://developer.mozilla.org/en-US/docs/Web/CSS/:out-of-range
• https://developer.mozilla.org/en-US/docs/Web/CSS/:read-write
• https://developer.mozilla.org/en-US/docs/Web/CSS/:read-only
• https://developer.mozilla.org/en-US/docs/Web/CSS/:optional
• https://developer.mozilla.org/en-US/docs/Web/CSS/:required
• https://developer.mozilla.org/en-US/docs/Web/CSS/:placeholder-shown

pseudo-elements

• https://developer.mozilla.org/en-US/docs/Web/CSS/::placeholder
• https://developer.mozilla.org/en-US/docs/Web/CSS/::file-selector-button
• https://developer.mozilla.org/en-US/docs/Web/CSS/::spelling-error
• https://developer.mozilla.org/en-US/docs/Web/CSS/::grammar-error

modal/dialog/popover

• https://developer.mozilla.org/en-US/docs/Web/CSS/:open
• https://developer.mozilla.org/en-US/docs/Web/CSS/:popover-open
• https://developer.mozilla.org/en-US/docs/Web/CSS/:modal
• https://developer.mozilla.org/en-US/docs/Web/CSS/::backdrop
• https://developer.mozilla.org/en-US/docs/Web/CSS/::picker
• https://developer.mozilla.org/en-US/docs/Web/CSS/::picker-icon
• https://developer.mozilla.org/en-US/docs/Web/CSS/::checkmark

logic

• https://developer.mozilla.org/en-US/docs/Web/CSS/:is
• https://developer.mozilla.org/en-US/docs/Web/CSS/:where
• https://developer.mozilla.org/en-US/docs/Web/CSS/:not
• https://developer.mozilla.org/en-US/docs/Web/CSS/:has
  • Using :has() as a CSS Parent Selector and much more
  • :has(): the family selector
  • CSS :has Parent Selector
  • CSS :has() Interactive Guide
  • Explainer: CSS selector :has() pseudo class
  • Some little ways I’m using CSS :has() in the real world
  • Dynamic Toggle with [type=radio] + :has()
  • 实例 1
  • 实例 2
  • 实例 3
  • caniuse