<!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>