blob: 7a99cd540dfd0d952d3d155071f79a7953845af6 [file] [log] [blame]
<!DOCTYPE html>
<html>
<!--
| All these @media rules must be ignored ('not all').
-->
<head>
<style>
body {
font-family: Roboto;
margin: 0px;
font-size: 24px;
}
div { background: #DDD; }
@media;
@media ;
@media{}
@media {}
@media {
div { background: #DDD; }
}
@media bicycle {
div { background: #4FF; }
}
@media (max-width:1px) {
div { background: #4F4; }
}
@media (max-width:1px) and (max-height:1px) {
div { background: #44F; }
}
@media screen and (max-width:1px) {
div { background: #444; }
}
@media not all {
div { background: #440; }
}
@media not all and (color) {
div { background: #404; }
}
@media (max-width:1px) {
div { background: #400; }
}
@media (color) and(max-width: 1px) {
div { background: #044; }
}
@media not all , (device-width :1px) {
div { background: #040; }
}
@media not all, (device-width : 1px) {
div { background: #004; }
}
div { font-weight: bold; }
</style>
</head>
<body>
<div>Bold text on light grey</div>
</body>
</html>