假设我有一个媒体查询..
@media only screen and (min-width: 960px) { /*STYLE HERE */ }
是否可以重置此媒体查询中的CSS，以便其中的任何元素都不会从默认样式表接收样式？我们一定会很感激的！
sd2nnvve1#
如果要实现这一点，请使用查询加载样式表：
<link rel='stylesheet' media='screen and (max-width: 959x)' href='mobile.css' /> <link rel='stylesheet' media='screen and (min-width: 960px)' href='desktop.css' />
我不建议您使用两个具有重复样式/布局的不同样式表，因为在较大的项目中，这将变得非常难以管理。相反，我建议首先使用移动的主样式表（或查询），在那里你应用基本的移动布局、颜色和样式等。然后你为其余的工作表/查询（平板电脑-〉桌面）编写布局。大多数时候，向上查询将需要简单的列调整和一些填充/边距，字体大小等，所以你的大部分主样式在任何地方都可以使用。
iq3niunx2#
对于那些默认属性@media screen和（最大宽度：960 px）和高于它以写入媒体文件，则（最小宽度：960 px）的图像。在960 px，您将为该元素启动新的默认设置。
2条答案
按热度按时间sd2nnvve1#
如果要实现这一点，请使用查询加载样式表：
我不建议您使用两个具有重复样式/布局的不同样式表，因为在较大的项目中，这将变得非常难以管理。
相反，我建议首先使用移动的主样式表（或查询），在那里你应用基本的移动布局、颜色和样式等。然后你为其余的工作表/查询（平板电脑-〉桌面）编写布局。大多数时候，向上查询将需要简单的列调整和一些填充/边距，字体大小等，所以你的大部分主样式在任何地方都可以使用。
iq3niunx2#
对于那些默认属性@media screen和（最大宽度：960 px）和高于它以写入媒体文件，则（最小宽度：960 px）的图像。
在960 px，您将为该元素启动新的默认设置。