问题标签 [dynamic-css]

我在我的网站上使用 webfonts 已经有一段时间了。（我的网站使用的是 WordPress。）

由于更好的压缩，我对使用 WOFF2 非常感兴趣。目前，我正在使用 Noto Sans Japanese（通过 Google Fonts）来处理日文文本。

但是，我更喜欢字体M+ C Type-2，因为它的日文字形在小尺寸（16 像素）上看起来要好得多。我添加了字体提示并将上面的字体成功转换为 WOFF2 和 WOFF。

然后我发现 Google Fonts API为每个浏览器提供不同的 CSS 文件。

我正在将我想要的字体上传到 Google Drive，并且我想通过这样的动态 CSS 为它们提供服务。我应该怎么做？

我目前正在为一些 CSS 样式创建一个库（也有一些由 jQuery 定义，所以请随意使用 JavaScript/jQuery 作为解决方案 - 我认为无论哪种方式，普通 CSS 都不可能）。

我有一些部分应该只在具有特定类的父元素（在示例中为 .style-container）存在时才应用。

当然，这可以通过在每个 CSS 选择器前面添加类来实现。

这需要更多需要传输的数据，所以我认为也许有可能应用 CSS 文件，它的内容只是针对特定元素，它是子元素而不是整个文档。

想象一下这个 CSS（大大简化）：

此 HTML 文档（正文中的一部分）：

现在可能有一些 JavaScript/jQuery 来为类的所有元素及其子元素加载文件。

笔记：

通过 JavaScript/jQuery 可能会出现以前没有的新元素，我真的不想再次加载整个样式，因为那时可能需要大量资源来加载，以防内容变化非常快。

等待也不是一种选择，因为这样在等待的时间里元素就不会被设置样式。

编辑： 再次指出：我正在寻找一个比标准 CSS 子选择器更好的选择，它可以像这样工作：

我想要这个，因为它使用更多的数据从服务器传输到客户端。要理解这一点：我有一部分代码采用最小化形式，带有选择器和不带选择器。有选择器的版本需要 3698 个字符，没有选择器的版本需要 2538 个字符。那是1160个字符的差异。或者，以 kB 为单位，我们有 3.61kB - 2.47kB = 1.14kB 的差异。这看起来很少，但它只是代码的一小部分。我期望代码是原来的十倍。这产生了 11,4kB 的差异。在我看来，这对于移动设备来说是相当大的数量......

我在多个 div 上使用 CSS 背景来创建许多大格式按钮。它看起来很漂亮，但按钮是动态创建的，可能有数千个。这意味着一个巨大的动态 CSS 脚本......它是否有更好的方法为每个元素提供具有相同属性的不同 CSS 背景？

这是示例代码 - HTML：

等等......（可能有几千个）

CSS：

...我不想在动态 CSS 文件中重复此代码块 1000 次。

如何将背景 url（唯一更改的部分）与其余代码分开？

顺便说一句 - 仅将背景 url 内联在脚本中是行不通的，它将忽略样式表中的所有 CSS 属性。

提前致谢。

在下面的 ActionLink 代码中，如何@class在 ASP.NET MVC 5 的视图中分配 C# 字符串变量？

我想 @class = "DynamicClassName"用动态的东西替换静态字符串，类似于@class = @myChangingColorClass

我正在尝试更改类为 的 div的min-width和值。此 div 具有动态生成的宽度。调整浏览器窗口的大小将导致这些值发生变化。width.upb_row_bg

知道为什么这个通过add_actionto加载的 jQuerywp_footer不起作用吗？不知道这是否重要，但这是我试图改变的 Visual Composer 的一个元素。

我是一个 Jquery 新手，并且会认为我的问题的解决方案非常简单，但是我已经尝试了此代码的一百万种排列，但我无法解决它。

我正在使用 Scrollmagic 和 GSAP，并希望从同一点触发三个补间，以便它们一个接一个地触发（略有重叠）。场景duration: 0使用户仅启动动画，但不控制其进度。每个补间包含一个 css 变换，用于处理同一个对象 ( #boxes3d)。

我想要的效果是：
1）盒子开始是平的，但是通过将 cssperspective值更改为850px.
2）通过改变csstransform值，盒子旋转180度。
3）盒子通过恢复到再次折叠perspective: 50000.
[ 4) 当用户向后滚动超过触发器时，动画会反转。]

复杂之处在于该transform值还必须包含一个动态scale值，以使绝对定位的 div 内部#boxes3d适合任何屏幕尺寸的框架。该scale值（以及整个transform）由另一个 Jquery 函数动态设置：scaleDiv()它包含嵌套的rotate3D()和reverse3D()函数。

我想我需要创建一个timelineMax（或Lite）来对补间进行排队，但是我在将动态 css 值放入时间线时遇到了问题。

我创建了一个 jsfiddle，其中包含我想要串在一起的补间/过渡，以及scaleDiv必须合并到第二个补间中的函数。目前他们有不同的场景，但我想把它们都放在一个场景/时间线上。

这是小提琴：http: //jsfiddle.net/gbinning/vccxufou/13/。我真的很感激一些指导！非常感谢！

编辑：我还没有scaleDiv正确设置该功能，您需要稍微调整窗口大小才能触发它。

我有一个 div，它的属性集 runat="server" 及其 ID。我正在尝试将来自 MySQL 数据库的特定 div 的动态背景图像放在行中提到的路径 url 中。现在一切正常，但我不知道如何仅对特定 div 赋予样式影响。目前我只在 div 上定义，结果是在该页面上的所有 div 中获取背景图像。如何在我的代码中定义该 div 类或 ID？

我在 API 中有一个元素需要动态呈现，元素的样式如下所示

将诸如背景之类的键映射到背景颜色和字体到字体系列 Topmargin 到 margin-top 的最佳方法是什么。

我正在制作一个用户可调整大小的 GUI 窗口，其标题通过新元素获得高度，页脚具有静态高度，中间有一个自动占据其余高度的间隔。我尝试使用这个答案，但页脚最终垂直居中。图片：

如果有人知道为什么会突然出现，将不胜感激。该元素正在使用 javascript 添加到页面中，因此代码非常混乱。感谢您的时间。