问题标签 [dynamic-css]
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.
php - 动态 CSS（带有 php 标头）不能在 Linux（mint）中呈现 - 它在 Windows 中运行良好
我有一个动态 CSS（一些值和类/id 名称由 php 提供）。该文件以：
目录结构是（确定config.php和css.php文件的相对位置）：
我安装了 Linux Mint 15，启用了 apache 和（一些）mods - 我注意到headersmod 没有启用......我启用了它，但这没有帮助。我在客户端获得了 css 文件，但它是纯空的。奇怪的事实是，在 Windows XAMPP 下它运行良好。
这里有什么建议吗？也许相对路径有问题？我尝试了几种组合，但都没有奏效（因为我必须在父级中访问，config.php我认为这可能是问题的一部分）。
我只是适应linux，所以解决方案可能非常简单......或者不是。无论如何，如果您需要更多我可能已经跳过的细节，请询问。
编辑：
只是一个想法：可能是 Linux 权限问题？- 如果是这样，考虑到我的网站位于/var/www/并且此时 php 正在www-data用户下运行，建议的解决方法是什么。改变 apache 所有权是否明智？
EDIT 2
Checked header requests in Firebug - 这个是给我的文件的
javascript - JavaScript：动态（动态）创建样式元素的优缺点
在 JavaScript 中，我们可以<style>动态创建元素并附加到<head>部分，以便将 CSS 规则应用于大量元素。
这种方法的优点或缺点是什么？
如果与元素上的 javascript 迭代相比，它确实可以提高性能。幕后（浏览器内部）发生了什么？
哪个更快或更慢？Javascript迭代元素或在浏览器中动态添加css？
处理时间呢？处理负载？
为了更好地理解我使用这种方法的问题，请参见以下示例：
示例：如果我有 20 列或更多列和 1000 行或更多行的表，如下 html：
如果有人需要 jsFiddle 示例，我可以稍后创建一个。
案例 1：如果我只想动态隐藏包含 SSN 数据的表列。我可以应用几种方法来做到这一点。这种方法可以分为两大类。在 第一类解决方案中，我可以迭代td元素并动态更改列的样式。在第二种方法中，我可以通过动态创建一个或使用@Frits van Campen在此处给出的预定义 CSS 规则来应用 CSS 。（注意：@Frits van Campen对于给定的情况是一个很好的解决方案。但我想进一步讨论操作表格行的显示和隐藏。）
我可以创建如下动态 CSS 规则：
或者应用预定义的 CSS 规则：
以下是 jsFiddly 示例：
这是我在这里找到的使用 console.time 方法的时间比较。
左边是动态css，右边是迭代方法。
也许，这是不合适的，因为它计算附加样式元素与迭代元素。动态 CSS 中元素的所有迭代都将由浏览器内部完成。但是，如果我们认为我们的脚本响应时间动态 css 更快。注意：与 jQuery 相比，纯 JavaScript 中的迭代方法会更快。但是我没有结果有多快。所以你可以在你的答案更多。
案例 2：现在，我想突出显示<tr>包含名为“Nick”的用户的表行。在这里您可以注意到表格行具有名称、family_name、id 等数据属性。因此，在这里我可以再次使用 javascript 或任何其他库工具迭代元素，或者可以应用一些动态规则（我不知道是否可以或不应用预定义的过滤器，如案例 1。）
CSS 规则：
在这种情况下，我可以通过动态应用 CSS 规则来做很多有趣的过滤。
更新：此处给出的示例是对问题的简单概述。一些优化的迭代可以在 javascript 中同样快速地执行。但是，我只考虑没有 dipper 子元素的表相对嵌套的 ul 元素，其中遍历以选择元素可能很困难。
重要提示：我在这里仅给出表格示例，以澄清我遇到的问题，如果无关紧要，请随时编辑问题并删除此部分。还请在问题范围内清楚地说明您的答案。在这里，我不是在问“我实施得好不好？” 我在问动态创建样式元素在浏览器内部机制方面有什么优点或缺点。
PS和例子：为什么我有这个想法？我最近回答了“如何在很长的 html 表格中隐藏列”的问题。在这个问题中，OP 询问有关对长表中的某些表列应用 CSS 规则的问题。我建议使用动态规则创建样式元素，并且效果很好。我认为这是因为样式由浏览器内部机制应用，并且比遍历元素并将样式应用于每个项目提供更好的性能。
css - IE11 中的 CSS min-height calc() 动态属性
我有一些非常基本的 HTML 和 CSS，我想要“粘页脚”效果。这是针对我公司内部的应用程序，因此我们只能强制使用最新的浏览器（IE11+）。看到IE9+支持CSScalc()动态属性，就用了。
HTML
CSS
JS 小提琴| 全屏演示
这在 Chrome 和 Firefox 中效果很好，但是 IE11（我关心的唯一版本）在调整窗口大小时不会重新计算这个值。有时它似乎也不必要地超出了页面的末尾，因此在不需要时会导致滚动。
我在这里做错了什么，或者这是一个 IE 错误？
php - 如何缓存带有 HTTP 标头的动态 CSS？
这是此问题的直接副本，但提供的解决方案不起作用。
作为我维护的 WordPress 插件的一部分，我目前正在使用以下代码生成一个动态 CSS 文件：
使用的标头值与上面引用的问题中使用的匹配，但 Chrome和Firefox 都拒绝接受缓存请求。我尝试了多台服务器，每台服务器每次都吐出一个200响应。我希望这会被证明是一个比仅仅将 CSS 放入主页更好的解决方案，但如果我不能让缓存工作，那么它最终会变得更糟。
请求标头的完整列表（Chrome）：
响应标头的完整列表（已编辑以包括测试的最新标头，包括public在两者中pragma和中cache-control）：
javascript - 将 css 类名转换为随机字母
我阅读了 facebook 和 Google 的样式表，我注意到 css 样式中使用的类名是一些随机的字母和数字？我们可以在开发网页后将所有 css 类名称转换为一些随机字母吗？他们是怎么做到的？有什么工具可以做到这一点吗？
php - 持久化用户设置
我想建立一个网站，用户可以登录并更改主题和网站元素的位置。所以基本上他们可以在网站上添加/删除/移动/更改颜色元素。保存设置后，他们以相同的登录名返回，发现站点与离开时一样。
所以我的问题是：最实用的方法是什么？将所有数据保存到 MySQL 并在访问者登录时将其加载回来？使用 PHP 制作新的 PHP 文件？
如果我在哪里保存到 MySQL，我该如何处理< > ; ' -？将它们全部放入自己的列中？
less - 运行时生成的动态类名较少，或从数组循环生成的类
目前，我的一位开发人员开发了这个较少的文件：
与大约 20 个国家。我想知道这是否可以用更少的资源更智能地完成，无论是使用循环还是在运行时创建的动态名称。考虑以下描述我想要的伪代码：
简单地匹配任何定义。我知道这可能会产生很多冲突，但也许可以通过正则表达式进一步缩小范围？有道理，但一直找不到这个。
另一种方法是使用某种循环创建“静态”css 类。考虑这个伪替代方案：
从而为预定的国家列表创建类。
这些替代方案中的任何一个是否以某种方式可用？或者您能否就我可能忽略的第三种选择提出建议？当我看到定义了 20 个几乎相同的类时，我觉得有点愚蠢，只有一个小字符串不同，并且认为 CSS 预处理器必须能够更智能地做到这一点。
谢谢！
html - 哪个是处理 RTL CSS 的最佳方式
现在我正在一个双语网站上工作，对如何处理 RTL CSS 代码有点困惑。我有以下两件事；
1. 单个 CSS 文件 - 覆盖 LTR 默认代码。
2. 单个 CSS 文件 - 没有覆盖
使用第一种方法，会有很多覆盖。同样使用第二种方法，css文件中会有很多代码。我知道两者都可以解决问题，但很想知道哪种方法最好。如果还有其他方法，请建议我。
css - 使用 CSS 进行类和媒体查询
我有一个可以滑动打开和关闭的菜单栏。它的关闭状态也是屏幕足够小时的样子。所以，我基本上有两次相同的样式：一次作为类，一次作为媒体查询。
有没有办法避免这种情况？
编辑¹：
我想避免使用媒体查询样式和课程。如果有一些巧妙的方法可以通过类和媒体查询应用相同的样式，那就太好了。
编辑²：
代码示例（用于说明目的）：
javascript - Dynamically update CSS
I have my HTML set up like this
and in my controller I have something like this:
Although I can see proper CSS being generated on the console. It is not being applied to the DOM, any ideas what I am missing?
Console:
EDIT : Fixed half the issue by setting height in the setWidthOfTime variable, but now it is taking the last value(37.5%) for all the width values.