media覆盖了css,覆盖CSS媒体查询

你为什么不先删除它们？

如果你不能，你仍然可以用规则覆盖一个CSS声明：

>具有相同的选择器优先级，并在MQ块之后

>具有比MQ块中的规则更高的选择器优先级

>有价值和分号之间重要的！

/* one id,one class AND one element => higher priority */

#id element.class { property: value2; }

/* !important will nuke priorities. Same side effects as a nuke,don't do that at home except if you've tried other methods */

#id .class { property: value2 !important; }

@media(blah) {

/* Overridden. Thrice. */

#id .class { property: value1; }

}

/* same selector,same everything except it comes after the one in @media?

Then the latter is applied.

Being in a @media doesn't give any more priority (but it won't be applied

everywhere,depending on "blah",that's the point of MQ) */

#id .class { property: value2; }

在前面的例子中，@media块之外的任何声明都会覆盖里面的一个。值2将被应用而不是value1有3个原因。