HomeReview Results
The CSS Pseudo-Elements Module Level 4 Test Suite contains 165 test cases.
You can choose to review: The full test suite A section of the specification: 2: Typographic Pseudo-elements2.1: First-Line Text: the ::first-line pseudo-element2.1.1: Finding the First Formatted Line2.1.2: Styling the ::first-line Pseudo-element2.1.3: Inheritance and the ::first-line Pseudo-element2.2: First-Letter Text: ::first-letter pseudo-element and its ::prefix and ::postfix children2.2.4: Styling the First-Letter Pseudo-elements3: Highlight Pseudo-elements3.1: Selecting Highlighted Content: the ::selection, ::target-text, ::spelling-error, and ::grammar-error pseudo-elements3.2: Styling Highlights3.4: Area of a Highlight3.5: Cascading and Per-Element Highlight Styles3.6: Painting the Highlight3.6.4: Replaced Elements4: Tree-Abiding Pseudo-elements4.1: Generated Content Pseudo-elements: ::before and ::after4.2: List Markers: the ::marker pseudo-element4.3: Placeholder Input: the ::placeholder pseudo-element6: Additions to the CSS Object Model7: Compatibility Syntax A single test case: active-selection-001: active selection and color (basic)active-selection-002: active selection and background-color (basic)active-selection-004: active selection and text-decoration (basic)active-selection-011: active selection and color (basic)active-selection-012: active selection and background-color (basic)active-selection-014: active selection and text-decorationactive-selection-016: active selection of partial text and coloractive-selection-018: active selection, color and background-coloractive-selection-021: active selection, color and 'text-decoration: underline overline line-through'active-selection-025: active selection and first-letter pseudo-elementactive-selection-027: active selection and first-line pseudo-elementactive-selection-031: active selection and vertical writing-modesactive-selection-041: active selection and imageactive-selection-043: active selection and image (complex)active-selection-045: active selection and imageactive-selection-051: active selection and invalid declaration blockactive-selection-052: active selection and empty declaration blockactive-selection-053: active selection and invalid color valueactive-selection-054: active selection and invalid background-color valueactive-selection-056: active selection and 3 consecutive <br> elementsactive-selection-057: active selection and 3 empty elementsactive-selection-063: active selection and consecutive preserved 	background-image-007: ::first-letter with multiple background imagesbefore-dynamic-display-none: ::before box removed when display set to 'none'.cascade-highlight-001: higher specificity of selectors (Example 11)cascade-highlight-002: tag selector missing (Example 12)cascade-highlight-004: inheritance of selection highlight colors from its parent elementch-empty-pseudo-recalc-on-font-load: Length unit 'ch' used in pseudo elements without text should be recalculated after loading a web fontch-pseudo-recalc-on-font-load: Length unit 'ch' used in pseudo elements should be recalculated after loading a web fontcombining-characters-002: Combining characters and stylingdisplay-contents-first-letter-001: CSS Display: display:contents and ::first-letterdisplay-contents-first-letter-002: CSS Display: display:contents and ::first-letter inheritancedisplay-contents-first-line-001: CSS Display: display:contents and ::first-linedisplay-contents-first-line-002: CSS Display: display:contents and ::first-line inheritancefirst-letter-001: ::first-letter formattingfirst-letter-002: ::first-letter formattingfirst-letter-003: ::first-letter formattingfirst-letter-004: ::first-letter formattingfirst-letter-005: ::first-letter formattingfirst-letter-allowed-properties: Properties allowed on ::first-letter pseudo elementsfirst-letter-and-sibling-display-change: Changing ::first-letter color while sibling changes display type.first-letter-and-whitespace: White-spaces around floated ::first-letterfirst-letter-background-image: ::first-letter correctly applies background-imagefirst-letter-background-image-dynamic: ::first-letter correctly applies background-image dynamicallyfirst-letter-block-to-inline: ::first-letter stops applying to element becoming inline.first-letter-opacity-001: ::first-letter supports opacity.first-letter-opacity-float-001: floating ::first-letter with opacityfirst-letter-punctuation-and-space: ::first-letter formattingfirst-letter-width: initial-letter width testfirst-line-allowed-properties: Properties allowed on ::first-line pseudo elementsfirst-line-and-marker: Interaction of ::first-line and ::markerfirst-line-and-placeholder: Interaction of ::first-line and ::placeholderfirst-line-bidi-001: ::first-line selector with bidi contentfirst-line-bidi-002: ::first-line selector with bidi contentfirst-line-change-inline-color: first-line-change-inline-color-nested: first-line-first-letter-insert-crash: Should not crash when inserting an element inside a :first-line pseudo.first-line-on-ancestor-block: first-line-opacity-001: ::first-line supports opacity.first-line-with-before-after: ::before and ::after styles should apply inside ::first-linefirst-line-with-inline-block: first-line-with-inline-block-before: inline block ::before styles should apply inside ::first-linefirst-line-with-out-of-flow: ::first-line with out of flowfirst-line-with-out-of-flow-and-nested-div: ::first-line with out of flow and nested divfirst-line-with-out-of-flow-and-nested-span: ::first-line with out of flow and nested spanfloating-first-letter-05d0: Drop cap with U+05D0 in the documentfloating-first-letter-feff: Drop cap with U+FEFF in the documentgrammar-error-001: highlighting of grammar error (basic)grammar-error-002: highlighting of grammar errorgrammar-error-003: highlighting of grammar errorgrammar-spelling-errors-001: ::spelling-error overlay drawn over the ::grammar-error overlaygrammar-spelling-errors-002: ::spelling-error overlay drawn over the ::grammar-error overlayhighlight-painting-001: highlight paintinghighlight-painting-002: highlight paintinghighlight-painting-003: highlight paintinghighlight-z-index-001: highlight pseudo-element drawn below positioned elementhighlight-z-index-002: highlight pseudo-element drawn below positioned elementidlharness: CSS Pseudo Element API IDL testslinear-gradient-currentcolor-first-line: linear-gradient() with currentcolor on ::first-linemarker-and-other-pseudo-elements: ::marker interaction with ::before, ::after, and ::first-letter pseudo elementsmarker-animate: Reverted styles for ::markermarker-animate-002: A Web Animations only apply to restricted properties on ::marker pseudo-elementsmarker-color: ::marker formatting with color propertymarker-computed-content: Computed size of ::markermarker-computed-size: Computed size of ::markermarker-content-001: ::marker pseudo elements styled with 'content' propertymarker-content-001b: ::marker pseudo elements styled with 'content' propertymarker-content-001c: ::marker pseudo elements styled with 'content' propertymarker-content-002: ::marker pseudo elements styled with 'content' propertymarker-content-003: ::marker pseudo elements styled with 'content' property and display:gridmarker-content-003b: ::marker pseudo elements styled with 'content' property and display:inline-gridmarker-content-004: ::marker pseudo elements styled with 'content' property and display:flexmarker-content-005: ::marker pseudo elements styled with 'content' propertymarker-content-006: ::marker pseudo elements styled with 'content' propertymarker-content-007.tentative: ::marker pseudo elements styled with 'content' property and display:inline-gridmarker-content-008.tentative: ::marker pseudo elements styled with 'content' propertymarker-content-009.tentative: ::marker pseudo elements styled with 'content' propertymarker-content-010: ::marker pseudo elements styled with 'content' propertymarker-content-011.tentative: ::marker pseudo elements styled with 'content' propertymarker-content-012: ::marker pseudo elements styled with 'content' propertymarker-content-013: ::marker pseudo elements styled with 'content' propertymarker-content-014: ::marker pseudo elements styled with 'content' propertymarker-content-015: ::marker pseudo elements styled with 'content' propertymarker-content-016: ::marker pseudo elements styled with 'content' propertymarker-content-017: ::marker pseudo elements styled with 'content' propertymarker-content-018: ::marker pseudo elements styled with 'content' propertymarker-content-019: ::marker pseudo elements styled with 'content' propertymarker-content-020: ::marker pseudo elements styled with 'content' propertymarker-content-021: ::marker pseudo elements styled with 'content' propertymarker-content-022: ::marker pseudo elements styled with 'content' propertymarker-content-023: ::marker pseudo elements styled with 'content' propertymarker-content-024: ::marker pseudo elements styled with 'content' propertymarker-default-styles: Default styles for ::markermarker-display-computed: Supported properties in ::markermarker-display-dynamic-001: ::marker is created dynamically properlymarker-font-properties: ::marker formatting with font propertiesmarker-font-variant-numeric-default: ::marker has 'font-variant-numeric: tabular-nums' by defaultmarker-font-variant-numeric-normal: ::marker accepts 'font-variant-numeric: normal'marker-hit-testing: Hit testing ::markermarker-hyphens: ::marker supports 'hyphens'marker-inherit-line-height: Check that :marker inherits line-heightmarker-inherit-values: ::marker inherits values from originating elementmarker-intrinsic-contribution-001: intrinsic contribution of ::markermarker-intrinsic-contribution-002: intrinsic contribution of ::markermarker-letter-spacing: ::marker supports 'letter-spacing'marker-line-break: ::marker supports 'line-break'marker-line-height: ::marker supports 'line-height'marker-list-style-position: ::marker pseudo elements styled with 'list-style-position' propertymarker-overflow-wrap: ::marker supports 'overflow-wrap'marker-reverted-styles: Reverted styles for ::markermarker-supported-properties: Supported properties in ::markermarker-supported-properties-in-animation: Supported properties in ::marker animationsmarker-tab-size: ::marker supports 'tab-size'marker-text-align: ::marker pseudo elements styled with 'text-align' propertymarker-text-combine-upright: ::marker supports 'text-combine-upright'marker-text-decoration-skip-ink: ::marker supports 'text-decoration-skip-ink'marker-text-emphasis: ::marker supports 'text-emphasis'marker-text-shadow: ::marker supports 'text-shadow'marker-text-transform-default: ::marker has 'text-transform: none' by defaultmarker-text-transform-uppercase: ::marker accepts 'text-transform: uppercase'marker-unicode-bidi-default: ::marker has 'unicode-bidi: isolate' by defaultmarker-unicode-bidi-normal: ::marker accepts 'unicode-bidi: normal'marker-word-break: ::marker supports 'word-break'marker-word-spacing: ::marker supports 'word-spacing'outside-marker-paint-order: CSS Pseduo: painting order of outside ::marker boxplaceholder-excluded-properties: ::placeholder should not support 'writing-mode', 'direction', and 'text-orientation'placeholder-input-number: ::placeholder applies to input type="number"placeholder-opacity-default.tentative: opacity default valueselection-contenteditable-011: active selection and contenteditable elementselection-input-011: active selection and input type="text" elementselection-intercharacter-011: active selection and inter-character spacingselection-intercharacter-012: active selection and inter-character spacingselection-overlay-and-grammar-001: ::selection overlay drawn over the ::grammar-error overlayselection-overlay-and-spelling-001: ::selection overlay drawn over the ::spelling-error overlayselection-paint-image: Replaced content shown through selectionselection-textarea-011: active selection and textarea elementspelling-error-001: highlighting of spelling error (basic)spelling-error-002: highlighting of spelling errorspelling-error-003: highlighting of spelling errortext-decoration-color-selection-001: CSS3 text-decoration-color when |::selection| existstext-decoration-color-selection-002: CSS3 text-decoration-color when |::selection| existstext-decoration-color-selection-pseudo-01: CSS3 text-decoration-color when |::selection| and another pseudo style existstext-selection: Text selectiontextpath-selection-011: active selection of text following a path (complex)tree-abiding-pseudo-elements: Parsing tree-abiding pseudo-elements
Options: Group by specification section
Do not display tests that: Meet exit criteria Have blocking failures Lack sufficient data Have been reported as invalid Are not required