问题标签 [jss]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - 如何让第一个孩子使用 JSS-Nested
我使用的是 jss 预设默认值，它带有 jss 嵌套。
我可以让 '&:hover' 工作，但 '&:first-child' 对我不起作用。
示例代码：
reactjs - MUI 中的闪烁动画
我正在用 MUI 构建一个 GatsbyJS 站点。使用withStylesHOC，是否可以制作闪烁动画？我尝试在以下位置提供动画styles：
我可以看到类和关键帧在headerGT构建 DOM 时被识别并具有动画方法，但动画不会触发。有任何想法吗？
css - 如何去除卡入和设计的填充物？
我正在使用 ant design 来响应 UI 组件。我需要删除为 ant 设计卡提供的填充。
所以我需要删除为 .ant-card-wider-padding 和 .ant-card-body 类提供的填充。我正在使用 JSS 来设置 UI 组件的样式。
我正在使用 cardStyle 类来设计蚂蚁设计卡片的样式。现在我需要删除该卡片中的填充。
material-ui - Material-UI Tabs 'selected' 不够具体。
代码沙箱在这里：
https://codesandbox.io/s/ypx4qpjvpx
相关位：
我在这里要做的是我需要覆盖默认的字体粗细样式，但是在选择时，我希望它是粗体的。
问题是 - 这些具有相同级别的特异性，并且标签在选择后出现，因此它会覆盖它。
在不使用 !important 的情况下，我将如何使选择更具体/实现我想要的。
material-ui - Material-UI 样式覆盖？
我正在将我的应用程序从 Material-UI v1 更新到 v2。我正在尝试使用样式覆盖来设置所选<BottomNavigationAction>元素的颜色。
但是，这对项目的颜色没有任何影响selected。
我已经阅读了关于 JS 和 JSS 中 CSS 的 Material-UI 文档，但还没有完全理解。什么是正确的语法？
更新
根据对这个线程的回复，我试过这个：
[.....]
...但尚未使新颜色出现在网页上。
css - 如何使用 5.2 版在 laravel 中正确加载 css 和 js 文件
我刚刚从本地环境中实时克隆项目并运行，但我无法加载我的文件 js 和 css，所有的东西都崩溃了。
目前我的 css 、 js 、 fonts 和 images 都在 public 文件夹下，并且可以查看它的样子
和图像
这样做是否正确，因为在现场它工作正常，但在本地它不工作我还添加了集体 html 包但不工作如何正确加载这些文件任何帮助将不胜感激！
sitecore - “jss”未被识别为内部或外部命令
我是 Sitecore JSS 的新手。使用 CMD 运行以下命令时：
我得到以下结果：
npm WARN 可选跳过可选依赖：fsevents@1.2.4 (node_modules@sitecore-jss\sitecore-jss-cli\node_modules\fsevents)：npm WARN notsup 跳过可选依赖：fsevents@1.2.4 不支持的平台：想要 {"os ":"darwin","arch":"any"} （当前：{"os":"win32","arch":"x64"}）
- @sitecore-jss/sitecore-jss-cli@9.0.6 在 21.068 秒内更新了 1 个包
之后我想检查 JSS 是否安装成功，所以我运行了以下 CMD 命令：
但结果是：
'jss' 不是内部或外部命令、可运行程序或批处理文件。
我错过了什么？
reactjs - 在组件重新渲染时删除了 Material-UI 自定义 JSS 样式
我有一个带有标签的临时抽屉。当抽屉打开并切换颜色主题时，选项卡中组件的自定义样式被删除，从而破坏了样式。如果我关闭抽屉或在选项卡之间切换，它可以解决问题。这只发生在两个选项卡中，而不是所有选项卡中。请参阅下面的图片。
为简单起见，我将展示 Check Results 选项卡的代码。Cog 图标正在被剥离其样式并默认为左侧。
有问题的组件被导入到抽屉中，如下所示：
javascript - 动态更改 HTML 视频流源/质量
背景： 我正在制作一个包含 50 多个短视频（10 分钟，720p）的视频项目，我想在网上展示这些视频。我当前的架构是将 16 个视频标签放置在 4x4 网格中，然后使用 JavaScript 在加载时随机设置它们的源，然后单击缩放视频以覆盖全屏，直到再次单击。
问题： 720p webm 中的每个视频大约是 80mb。有 16 个视频，总共 1.3GB，或每分钟 130MB，或每秒 2MB。这是一个荒谬的数据量，我想，也许我错了。每个视频都这么大（80mb）是为了支持缩放全屏功能。
我对解决方案的想法： 每个视频有两种分辨率，网格布局使用低分辨率，点击缩放使用高分辨率。
我的问题：如何使这一切顺利？我可以在背景点击低分辨率视频的位置预加载高分辨率视频吗？并在 CSS 转换中进行转换？还是有更好的方法来做到这一点？
第二个问题：如何在线托管？我可以把视频放在 vimeo 上吗？现在我正在使用 wordpress.com 托管。
reactjs - 生产中的 Material UI CSS 问题
我在 React 应用程序中使用 Material UI 时遇到了一些奇怪的问题。
我正在开发一个服务器端渲染的应用程序，并且我遵循 Material UI 指令来实现 SSR。
问题是该应用程序在我的 Mac 机器上运行良好，但是当我在我的 Linux 生产服务器上构建和运行它时，它的 CSS 在第一页加载 1 或 2 秒后变得疯狂。
现在，如果我复制node_modules并将输出从我的 Mac 机器直接构建到服务器而不是在 Linux 上构建它，它工作正常。Windows 服务器上也发生了同样的问题。
谁能帮我这个？