display-contents-first-letter-002.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-display/display-contents-first-letter-002.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<meta charset="utf-8">

<title>CSS Display: display:contents and ::first-letter inheritance</title>

<link rel="author" title="Rune Lillesveen" href="mailto:futhark@chromium.org">

<link rel="help" href="https://drafts.csswg.org/css-display-3/#valdef-display-contents">

<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#first-letter-pseudo">

<link rel="match" href="display-contents-pass-green-no-red-ref.html">

<style>

  div { color: red }

  div::first-letter { background: transparent /* To trigger first-letter pseudo element */ }

  span { color: green; display: contents; background-color: red }

</style>

<p>You should see the word PASS in green and no red below.</p>

<div><span>PASS</span></div>