css-pseudo.json

{
  "spec": {
    "title": "CSS Pseudo-Elements Module Level 4",
    "url": "https://drafts.csswg.org/css-pseudo-4/"
  },
  "properties": [],
  "atrules": [],
  "selectors": [
    {
      "name": "::first-line",
      "prose": "The ::first-line pseudo-element represents the contents of the first formatted line of its originating element.",
      "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-first-line"
    },
    {
      "name": "::first-letter",
      "prose": "The ::first-letter pseudo-element represents the first Letter, Number, or Symbol (Unicode category L*, N*, or S*) typographic character unit on the first formatted line of its originating element (the first letter) as well as its associated punctuation. Collectively, this text is the first-letter text. The ::first-letter pseudo-element can be used to create “initial caps” and “drop caps”, which are common typographic effects.",
      "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-first-letter",
      "values": [
        {
          "name": "::prefix",
          "prose": "To allow independent styling of the first letter itself and its adjacent punctuation, associated preceding punctuation is represented by the ::prefix sub-pseudo-element of the ::first-letter pseudo-element (::first-letter::prefix); and associated following punctuation is represented by the ::postfix sub-pseudo-element of the ::first-letter pseudo-element (::first-letter::postfix). See § 2.2.1 First Letters and Associated Punctuation, below.",
          "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-first-letter-prefix",
          "type": "selector"
        },
        {
          "name": "::postfix",
          "prose": "To allow independent styling of the first letter itself and its adjacent punctuation, associated preceding punctuation is represented by the ::prefix sub-pseudo-element of the ::first-letter pseudo-element (::first-letter::prefix); and associated following punctuation is represented by the ::postfix sub-pseudo-element of the ::first-letter pseudo-element (::first-letter::postfix). See § 2.2.1 First Letters and Associated Punctuation, below.",
          "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-first-letter-postfix",
          "type": "selector"
        }
      ]
    },
    {
      "name": "::selection",
      "prose": "The ::selection pseudo-element represents the portion of a document that has been selected as the target or object of some possible future user-agent operation(s). It applies, for example, to selected text within an editable text field, which would be copied by a copy operation or replaced by a paste operation.",
      "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-selection"
    },
    {
      "name": "::search-text",
      "prose": "The ::search-text pseudo-element represents text identified by the user agent’s find-in-page feature. Since not all UAs style matched text in ways expressible with the highlight pseudo-elements, this pseudo-element is optional to implement. How to identify the current match? [Issue #10527]",
      "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-search-text"
    },
    {
      "name": "::target-text",
      "prose": "The ::target-text pseudo-element represents text directly targeted by the document URL’s fragment, if any.",
      "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-target-text"
    },
    {
      "name": "::spelling-error",
      "prose": "The ::spelling-error pseudo-element represents a portion of text that has been flagged by the user agent as misspelled.",
      "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-spelling-error"
    },
    {
      "name": "::grammar-error",
      "prose": "The ::grammar-error pseudo-element represents a portion of text that has been flagged by the user agent as grammatically incorrect.",
      "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-grammar-error"
    },
    {
      "name": "::highlight()",
      "value": "::highlight(<custom-ident>)",
      "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-highlight-custom-ident"
    },
    {
      "name": "::before",
      "prose": "Represents a styleable child pseudo-element immediately before the originating element’s actual content.",
      "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-before"
    },
    {
      "name": "::after",
      "prose": "Represents a styleable child pseudo-element immediately after the originating element’s actual content.",
      "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-after"
    },
    {
      "name": "::marker",
      "prose": "The ::marker pseudo-element represents the automatically generated marker box of a list item. (See [CSS-DISPLAY-3] and [CSS-LISTS-3].)",
      "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-marker"
    },
    {
      "name": "::placeholder",
      "prose": "The ::placeholder pseudo-element represents placeholder text in an input field: text that represents the input and provides a hint to the user on how to fill out the form. For example, a date-input field might have the placeholder text “YYYY/MM/DD” to clarify that numeric dates are to be entered in year-month-day order. It is a tree-abiding pseudo-element.",
      "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-placeholder"
    },
    {
      "name": "::file-selector-button",
      "prose": "The ::file-selector-button pseudo-element targets the <button> inside an <input> element with type=file, if the UA renders such a button. It is an element-backed pseudo-element.",
      "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-file-selector-button"
    },
    {
      "name": "::details-content",
      "prose": "The ::details-content pseudo-element targets the additional information in a a details element that can be expanded or collapsed. It is an element-backed pseudo-element.",
      "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-details-content"
    }
  ],
  "values": []
}