@media (max-width: 600px) {
body {
【css媒体查询怎么写】background: red;
}}@media (max-width: 400px) {
body {
background: blue;
}}
如果浏览器窗口宽为350像素，则背景将是蓝色的，而使用此css则是蓝色的 。
@media (max-width: 400px) {
body {
background: blue;
}}@media (max-width: 600px) {
body {
background: red;
}}
和相同的窗口宽度，背景将是红色的 。这两条规则确实是匹配的，但第二条规则是应用的规则，因为这是最后一条规则 。
最后，用
@media (max-width: 400px) {
body {
background: blue !important;
}}@media (max-width: 600px) {
body {
background: red;
}}
或
@media (max-width: 400px) {
html > body {
background: blue;
}}@media (max-width: 600px) {
body {
background: red;
}}
背景将是蓝色的（350像素宽的窗口） 。

文章插图

• 道路运输从业资格证用手机怎么查 网上怎么查询道路运输从业资格证
• 诺基亚官方售后服务网站查询 诺基亚手机保修查询
• 自由可投状态是什么意思 查询志愿显示自由可投状态是什么意思
• 中行汇率查询 中行汇率查询app
• css怎么写空格
• 西安沣东新城门户网站 西安沣东新城门户网站查询
• 学信网成绩查询 学信网成绩查询入口
• 怎么查询公积金账户 怎么查询公积金账户封存了多久
• 社保查询个人账户余额明细查询方法 社保查询个人账户余额明细查询
• 德邦快递单号查询号码查询 德邦快递单号查询官方网站