此外，还有一种使用场景是媒体选择，它是以@media开始的，表示在不同媒介条件下的样式，当你想做响应式的页面布局时，例如希望当浏览器的宽度小于1000px时，网页背景变成黑色，就可以用下面的方法：
@media screen and (max-width: 1000px) {
body {backgroundblack}
}
当你希望用打印机打印网页时呈现某种样式，就可以用@media print 的方法来定义。
<style>[id='@abcd'] { background-color: red }
</style>
<div id='@abcd'>
hahahahaa...
</div>
