| OLD | NEW |
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 <title>CSS Variables Test: custom property names are case-sensitive</title> |
| 5 <meta charset="UTF-8"> |
| 6 <link rel="author" title="Noah Collins" href="mailto:noahcollins@gmail.com"> |
| 7 <style type="text/css"> |
| 8 .blue-good-1 { color: #22e; } |
| 9 .blue-good-2 { color: #22e; } |
| 10 </style> |
| 11 </head> |
| 12 <body> |
| 13 <h2 class="blue-good-1">Valid CSS Variable Names</h2> |
| 14 <p class="blue-good-1">This paragraph is styled using a valid CSS Variable n
ame. It should be blue.</p> |
| 15 <p class="blue-good-2">This paragraph is styled using a valid CSS Variable n
ame. It should be blue.</p> |
| 16 <br> |
| 17 <h2>Invalid CSS Variable Names</h2> |
| 18 <p>This paragraph is styled using an invalid CSS Variable name. Fail if red.
</p> |
| 19 <p>This paragraph is styled using an invalid CSS Variable name. Fail if red.
</p> |
| 20 </body> |
| 21 </html> |
| OLD | NEW |