first-letter-digraph.html (1182B)
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Test: ::first-letter digraph recognition</title> 6 <link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com"> 7 <link rel="match" href="reference/first-letter-digraph-ref.html"> 8 <link rel="help" href="https://drafts.csswg.org/selectors-3/#first-letter"> 9 <meta name="assert" content="Test checks that ::first-letter respects the Dutch 'ij' digraph."> 10 <style> 11 div { 12 font-size: 32px; 13 } 14 div p { 15 margin: 0; 16 color: lightgray; 17 } 18 div p::first-letter { 19 color: green; 20 } 21 </style> 22 </head> 23 <body> 24 <p>Test passes if both "I" and "J" are green in these examples:</p> 25 <div lang="nl"> 26 <p>IJsselmeer</p> 27 <p>ijsselmeer</p> 28 <p>“IJsselmeer”</p> 29 </div> 30 <div lang="en"> 31 <p lang="nl-NL">IJsselmeer</p> <!-- lang tag with country code should also work --> 32 <p lang="nl-SR">IJsselmeer</p> 33 </div> 34 <p>But only "I" should be green in these examples:</p> 35 <div lang="en"> 36 <p>IJsselmeer</p> 37 <p>ijsselmeer</p> 38 <p>“IJsselmeer”</p> 39 </div> 40 <div lang="nl"> 41 <p>Ijotalen</p> <!-- mixed case not treated as digraph --> 42 </div> 43 </body> 44 </html>