| <!doctype html> |
| <meta charset=utf-8> |
| <title>CSS-content test: first letter with quotes interaction dynamic style change</title> |
| <link rel="author" title="Daniil Sakhapov" href="sakhapov@google.com"> |
| <link rel="match" href="reference/quotes-first-letter-001-ref.html"> |
| <link rel=help href="https://drafts.csswg.org/css-content/#quotes"> |
| |
| <style> |
| #outer { quotes: "'X" "'Y"; } |
| #outer::first-letter { color: red; } |
| #outer.green::first-letter { color: green; } |
| </style> |
| |
| <div id="outer"><div id="inner"><q>First letter</q></div></div> |
| |
| <script> |
| document.body.offsetTop; |
| outer.className = "green"; |
| </script> |