first-letter-digraph-dynamic-ref.html

Enable keyboard shortcuts

<!doctype html>

<html>

<head>

  <meta charset="utf-8">

  <title>CSS Reference: ::first-letter Dutch 'ij' digraph</title>

  <style>

  div { font-size: 32px; }

  div p { margin: 0; color: lightgray; }

  div p span { color: green; }

  </style>

</head>

<body>

  <p>Test passes if both "I" and "J" are green in the first three examples, and only "I" is green in the last:</p>

  <div>

    <p><span>ij</span>sselmeer</p>

  </div>

  <div>

    <p><span>ij</span>sselmeer</p>

  </div>

  <div>

    <p><span>ij</span>sselmeer</p>

  </div>

  <div>

    <p><span>i</span>jsselmeer</p>

  </div>

</body>

</html>