| <!DOCTYPE html> |
| <style> |
| div { |
| width: 300px; |
| height: 300px; |
| background-color: red; |
| } |
| @media (color:5), (color:8) { |
| #test { |
| background-color: green; |
| } |
| } |
| </style> |
| <div id=test>This box should be green.</div> |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| var backgroundColor = getComputedStyle(document.getElementById("test"), null).backgroundColor; |
| const expectedBackgroundColor = "rgb(0, 128, 0)"; |
| if (backgroundColor === expectedBackgroundColor) |
| document.write("PASS"); |
| else |
| document.write("FAIL: Background color is " + backgroundColor + " but should be " + expectedBackgroundColor); |
| </script> |
