个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
Modernizr 将类添加到文档的 <html>标签，例如<html class="no-touchevents"> .
在我的代码中，我曾经写过这样的东西。
.style { background: green; }
.no-touchevents .style { background: red; }
因此，如果支持触摸，该元素将为绿色(OK)，否则为红色(错误)。现在有了 CSS 模块，我的 .style类在单个文件中定义并被转换成这样的东西。
.xR23A { background: green; }
.hjTT7 .xR23A { background: red; }
如果我将我的类(class)包装在 :global 中条款，如果我理解正确，它应该保持不变。但是，这将适用于每个嵌套类，因此我将保留这一点。
.xR23A { background: green; }
.no-touchevents .style { background: red; }
我该如何解决这个问题以获得所需的解决方案？这就是我所追求的。
.xR23A { background: green; }
.no-touchevents .xR23A { background: red; }
最佳答案
您应该能够使用 global 的 paren 版本来仅容纳 modernizr 部分。
a.
.style { background: green; }
:global(.no-touchevents) .style { background: red; }
关于html - 将 CSS 模块与 Modernizr(类名)一起使用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45494816/
25
4
0
Modernizr提供Download Builder可以选择某些测试的工具，并提供该组测试的源代码。生成的输出的顶部是一个返回到该特定构建的 URL。 距离提供一个 URL 似乎并不遥远，我可以在其
我正在试验 Modernizer.load。 我有这个: Modernizr.load([ { load : ['/js/jquery-1.6.1.js', '/js/
我在 Modernizr 网站上看到，Modernizr 3.0 将完全重写 Modernizr。 问题: 我在哪里可以找到新的 Modernizr 解释？ V3 会向后兼容吗？ 我可以在任何地方找到
IE 和 Microsoft Edge ( Data URI link modernizr - 如何使用 HTML 导入有条件地导入 modernizr？
我希望有条件地导入带有 polymer 的东西。如何构建如下所示的东西。 // I can use geo navigator.geolocation.
我正在尝试在 browserify 项目中要求特定的 Modernizr 测试，但我一定做错了什么。 我使用 deamdify使用 browserify 构建时进行转换。 Modernizr 需要作为
在使用 yep/nope/modernizr.load() 加载资源之前，我需要检查是否支持两项。如何才能做到这一点？ 并且在通过两个测试时，不是一个或另一个，而是两个。 一个是我已经添加的自定义测试
这个想法是加载页面/something/index.html 。但是，在我展示它之前，它的依赖项(在这种情况下是 css 和图像)是预加载的。 Modernizr.load({ load: [
我只是在检查 modernizr 类的 css 表达式是如何工作的……正如我在 Google dev 上看到的那样。工具如下: //normal css .box{ width:100px;
我正在尝试在我的页面的特定于页面的 js 文件中加载 excanvas polyfill。此脚本文件插入到我页面上的 body 标记之后。 奇怪的是，如果我使用 在我的 head 标签中，一切正常，
我想这样安装 modernizr: bower install modernizr 一切似乎都很好，但是当我检查 bower_components/modernizr 时，我在任何地方(甚至没有子目录
我正在使用 webpack 来捆绑我的 javascript 文件。 我的 Webpack 配置(使用 gulp 传递给 webpack)如下所示: var webpackConfig = {
我对 RequireJS 和 Modernizr 有疑问。 我希望 Modernizr 资源在头部。以及体内的其他一切。原因是 Modernizr 需要在 DOMContentLoad 之前做一些事情
我知道我可以创建 Modernizr 的自定义构建来检测我关心的功能。但是有没有办法使用与 Bower 一起安装的 Modernizr 来检测特定功能或一组功能(例如 SVG 支持)，而不包含整个库？
我正在尝试使用 Modernizr 来检测浏览器是否支持某些音频编解码器，但它似乎没有达到我的预期。 我运行了以下内容 if(Modernizr.audio.mp4){ //Do Somet
我必须使用一些 pollfills 才能让 IE 9 与 enquire.js 很好地配合。当我在不使用 Modernizr 异步加载的情况下加载脚本时，一切都很好，所以我想知道下面的问题出在哪里？我
我试图让我的脚本仅在屏幕尺寸高于特定尺寸(800px)时触发，不仅在加载时触发，而且在屏幕调整大小时触发。 我已将其放入 Modernizr mq 脚本中，但它的触发不一致。有时它会在小屏幕尺寸下触发
我正在使用 Modernizr 运行触摸事件测试，测试似乎运行良好，但仍然是一个只有在测试成功时才会调用的函数。 这是测试: Cluster.prototype.test_touch_event_su
我使用 Modernizr 的加载程序(集成的 yepnope.js)有条件地加载 javascript 代码。这是我的代码: Modernizr.load({ test: Modernizr.geo
我使用的是默认 Modernizr (2.6.2)构建(包含在 head 中)。我在使用 Google Chrome(版本 33.0.1750.152)的 Retina MBPro 笔记本电脑上，当我
我是一名优秀的程序员,十分优秀！