草庐IT

css-modules

全部标签

javascript - yarn ,node-gyp 重建编译错误,node_modules/fsevents : Command failed

我正在使用Yarn来处理包裹。yarninstall显示错误,无论我使用什么包,但安装看起来成功完成,文件直接设置在node-modules下。(不知何故jquery-ui没有出现在node-modules下)我删除了yarn.lock并再次尝试,但没有成功。有人能帮忙吗?我的环境是这样的:whitebear$yarn-v1.10.1whitebear$node-vv11.0.0whitebear$npm-v6.4.1包.json{"devDependencies":{"@symfony/webpack-encore":"^0.20.0","bootstrap":"^4.1.3","j

javascript - 触发 CSS :active selector for non-anchor elements

如何通过JavaScript(jQuery)触发非anchor元素的:active状态?在审查时Section5.11.3oftheW3CCSS2specification在引用:hoverpseudoselectortoseeabouttriggeringaactivation时,我遇到了以下内容,这让我相信它应该是可能的:"The:activepseudo-classapplieswhileanelementisbeingactivatedbytheuser.Forexample,betweenthetimestheuserpressesthemousebuttonandrelea

javascript - 在 CSS 中指定后备字体大小?

有没有办法在CSS中为后备字体指定不同的字体大小?我想做这样的事情(这显然行不通):div{font-family:"ArialNarrow",Arial,Helvetica,sans-serif;font-size:20px,18px,18px,18px;}想法是,如果用户安装了ArialNarrow,它将以20px显示;如果不是,浏览器将返回到18px的Arial,然后是18px的Helvetica,等等。或者,我可以用JS实现类似的效果吗? 最佳答案 我明白你想要什么,但我认为你的问题的答案是“不,这不能在CSS中完成”,至少

javascript - 如何在 shadow dom 中使用全局 css 样式

Shadowdom封装css样式,选择器不跨越shadow边界。问题:如何在shadowdom中使用全局通用的css样式?(假设有一些通用的css样式将在所有页面中使用(例如:font-family、h1、h2、clear、reset...),如何使其在shadowdom中工作?) 最佳答案 我刚刚遇到了与原始问题相同的问题,即:定义一次一些全局规则,例如元素并从中受益ShadowDOM不,css-variables不适合这个东西,因为即使我已经定义了一次,比方说,font和color的变量,我仍然需要检查每个阴影样式表并添加一个使

javascript - 更改 CSS 类定义

假设我有这个类:.MyClass{background:red;}此类适用于多个div。我想通过更改MyClass中定义的颜色将背景颜色更改为橙​​色。现在,我知道我可以做到$('.MyDiv').css('background','orange');但我的问题实际上是这样的:如何更改CSS类定义,以便MyClass元素现在具有background:orange;?我希望能够将多个CSS颜色属性从一种颜色更改为另一种颜色。谢谢。 最佳答案 实际上,更改样式表非常具有挑战性。不过,更容易的是,您可以切换您的样式表以获得不同的样式表,这

javascript - 当没有定义默认导出时,import Module from 'module' 会导入什么?为什么它与 import * as Module 不同?

我是JavaScript的新手,最近一直在努力处理导入问题。有一件事我无法理解。在较旧的节点模块(主要是那些在ES6之前出现的模块)中,可以使用npm安装,例如express,通常没有定义默认导出。我的IDE(WebStorm)将以下行标记为Defaultexportisnotdeclaredintheimportedmodule通知。importexpressfrom'express';可以通过尝试将整个模块作为别名导入来规避此消息import*asexpressfrom'express';隐式告诉我的IDE只导入所有内容并将其命名为express,但是这样做会导致在尝试实例化应用程

javascript - 带有 toggleClass 的 CSS3 过渡

我在一个div上设置了-webkit-transition-duration属性,它的高度由另一个类设置。当我使用jQuery切换类时,它的转换做了一些奇怪的事情。它一直向上,然后设置为适当的高度,而不是仅仅从50px高度移动到我期望的自动高度。有什么解决办法?这是一个演示:http://jsfiddle.net/XcFxQ/1/ 最佳答案 这个有效:http://jsfiddle.net/Eric/XcFxQ/2/虽然高度不是严格自动的。它手动设置高度以使其具有动画效果。 关于java

javascript - 仅对所有 iPhone 和 IPADS 进行样式设置的 CSS 样式

问题:我的图像在除iPhone以外的所有平台上都具有响应能力。在安卓版网站上,下图没有歪斜:在网站的iphone版本上,它正在炸毁图像,我不确定。我认为以下内容可以解决除IPHONES和IPADS之外的倾斜问题#homepage.carousel.item{height:auto!important;}#homepage.carousel.itemimg{min-width:100%!important;max-width:100%!important;height:auto!important;position:relative!important;}.carousel-indica

javascript - 使用 wavesurfer.js 为 CSS 属性设置动画

wavesurfer.js非常适合从音频文件渲染波形,但我想知道是否可以将任何CSS属性设置为波形/频谱图的振幅/频率的动画,由wavesurfer.js生成?是否有一种变量可以分配给另一个参数(例如:的不透明度)? 最佳答案 查看wavesurfer.js,可以得到AnalyserNode使用wavesurfer.backend.analyser。注意:您必须检查analyser是否是AnalyserNode的一个实例。只有当浏览器支持WebAudioAPI时才会这样。.从AnalyserNode你可以得到AnalyserNode

javascript - 检索百分比 CSS 值(在 Firefox 中)

我在firefox上检索确切的css属性值(在“%”中)时遇到问题。假设我们有这个极其简单的标记:box和这个CSS:#box{width:200px;height:200px;left:10%;position:absolute;background:red;}和我想通过js检索左边的位置(在'%'中)使用mootools很容易(演示->http://jsfiddle.net/steweb/AWdzB/):varleft=$('box').getStyle('left');或jQuery(演示->http://jsfiddle.net/steweb/RaVyU/):varleft=$