// staticdata.dev — cssPseudoElements
// Generated file. Do not edit by hand.
// SPDX-License-Identifier: MIT

export const cssPseudoElements = [
  {
    "selector": "::after",
    "description": "Creates a pseudo-element that is the last child of the selected element. Often used to add cosmetic content with the content property."
  },
  {
    "selector": "::backdrop",
    "description": "A box rendered immediately below a top-layer element (such as a fullscreen element or dialog), filling the entire viewport."
  },
  {
    "selector": "::before",
    "description": "Creates a pseudo-element that is the first child of the selected element. Often used to add cosmetic content with the content property."
  },
  {
    "selector": "::checkmark",
    "description": "Represents the checkmark shown next to the selected <option> in a customizable <select> element (appearance: base-select)."
  },
  {
    "selector": "::column",
    "description": "Represents an individual column box of a multi-column container, used to generate scroll markers for each column."
  },
  {
    "selector": "::cue",
    "description": "Matches WebVTT cues within a selected element. Can be used to style captions and other cues in media with VTT tracks."
  },
  {
    "selector": "::cue-region",
    "description": "Matches WebVTT cue regions within a selected element, allowing styling of entire regions of VTT captions."
  },
  {
    "selector": "::details-content",
    "description": "Represents the expandable/collapsible content of a <details> element (everything except the <summary>)."
  },
  {
    "selector": "::file-selector-button",
    "description": "Represents the button of an <input> element with type=\"file\"."
  },
  {
    "selector": "::first-letter",
    "description": "Applies styles to the first letter of the first line of a block-level element, but only when not preceded by other content (such as images or inline tables)."
  },
  {
    "selector": "::first-line",
    "description": "Applies styles to the first line of a block-level element. The length of the first line depends on many factors, including the width of the element, the width of the document, and the font size."
  },
  {
    "selector": "::grammar-error",
    "description": "Represents a text segment flagged by the user agent as grammatically incorrect. Allows authors to style grammar errors detected by the browser."
  },
  {
    "selector": "::highlight()",
    "description": "Applies styles to custom highlights registered via the CSS Custom Highlight API, enabling highlighting of arbitrary text ranges."
  },
  {
    "selector": "::marker",
    "description": "Selects the marker box of a list item, which typically contains a bullet or number. Works on elements with display: list-item."
  },
  {
    "selector": "::part()",
    "description": "Represents any element within a shadow tree that has a matching part attribute, allowing styling of shadow DOM parts from outside the shadow root."
  },
  {
    "selector": "::picker()",
    "description": "Represents the picker (drop-down) part of a form control such as a customizable <select>; ::picker(select) is the supported argument."
  },
  {
    "selector": "::picker-icon",
    "description": "Represents the picker icon (e.g. the drop-down arrow) inside a form control such as a <select>."
  },
  {
    "selector": "::placeholder",
    "description": "Represents the placeholder text in an <input> or <textarea> element, which provides a hint to the user about what kind of information is expected."
  },
  {
    "selector": "::scroll-button()",
    "description": "Represents a browser-generated button that scrolls its scroll container in a given direction (up, down, left, right, block-start, inline-end, etc.)."
  },
  {
    "selector": "::scroll-marker",
    "description": "Represents a generated navigation marker for an element in a scroll container, collected into a ::scroll-marker-group."
  },
  {
    "selector": "::scroll-marker-group",
    "description": "Represents the container that holds the ::scroll-marker pseudo-elements of a scroll container."
  },
  {
    "selector": "::selection",
    "description": "Applies styles to the portion of a document that has been highlighted (selected) by the user, such as clicking and dragging the mouse across text."
  },
  {
    "selector": "::slotted()",
    "description": "Represents any element that has been placed into a slot inside an HTML template, allowing authors to style slotted content from within the shadow DOM."
  },
  {
    "selector": "::spelling-error",
    "description": "Represents a text segment flagged by the user agent as incorrectly spelled. Allows authors to style spelling errors detected by the browser."
  },
  {
    "selector": "::target-text",
    "description": "Represents text that has been scrolled to and highlighted by the browser via a text fragment URL (e.g., #:~:text=...). Allows styling of scroll-to-text highlights."
  },
  {
    "selector": "::view-transition",
    "description": "Represents the root element of a view transition overlay, placed in a top layer during transitions enabled by the View Transitions API."
  },
  {
    "selector": "::view-transition-group()",
    "description": "Represents a single view transition group, which captures a snapshot of an element participating in a view transition."
  },
  {
    "selector": "::view-transition-image-pair()",
    "description": "Represents a container holding the old and new view states for a view transition element, used to implement cross-fade and other transition effects."
  },
  {
    "selector": "::view-transition-new()",
    "description": "Represents the new (post-transition) view state of an element during a view transition, displayed as a live snapshot."
  },
  {
    "selector": "::view-transition-old()",
    "description": "Represents the old (pre-transition) view state of an element during a view transition, displayed as a static screenshot."
  }
] as const;

export type PseudoElement = (typeof cssPseudoElements)[number];