问题标签 [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.
html - DOM中属性+兄弟的CSS规则
我所拥有的是一个表单，其中一个字段集包含几个其他字段集。对于每个字段集，用户可以选中图例旁边的框并展开该字段集（至少在理论上）。我认为尝试使用纯 CSS 来实现效果会很酷，但我对如何根据 DOM 中的两个元素位置来编写规则感到困惑。这是HTML：
起初这个想法对我来说似乎有点骇人听闻，但我通过 w3c 验证器运行它，并且 yipiee 它通过嵌入在图例中的输入。所以我确信我可以在使用 javascript/jquery 之后得到我想要的东西，但我不想至少有一个使用 CSS 做的概念证明，即使旧的浏览器可能不支持它。
我试过这个规则：
但没有运气。我通过一个更简单的测试确认，我正在使用的两个浏览器（Chrome，FF 3.5）input:checked + ul如果只是一个输入后跟一个 ul 就可以做到。如果我有两个规则（在简化版本中），它确实会切换颜色。
但是我不确定是否有一种方法可以引用 UL，如果选中的元素在图例标签内，因此不是 UL 的直接兄弟。有没有办法说“包含经过检查的输入的传说的兄弟姐妹......”？
谢谢您的帮助。
php - 使用 php 和 javascript 生成动态 css
我想根据 css 中动态变化的背景图像生成工具提示。这是我的 my_css.php 文件。
为了使用这个 css 我添加了
<head>在我的 javascript 代码的html标记中。我正在考虑传递不同的“索引”值，以便动态生成背景图像。谁能告诉我应该如何从 javascript 传递这些值？我正在使用创建工具提示
我想在调用这个 createElement 之前，我应该设置背景图像。
javascript - 在 IE7+ 的动态样式表中添加 @import 语句
我在为 IE 添加带有 @import 语句的动态样式元素时遇到问题。试试这个：
这适用于 FF/Chrome，但不适用于 IE。它似乎可以识别style.styleSheets.imports，但它不会应用导入的样式表。这是错误还是限制？
ruby-on-rails - 如何在 Rails 中创建动态 CSS？
使用 Rails 创建动态 CSS 的最佳/最有效方法是什么。我正在网站上开发一个管理区域，我希望用户能够自定义他们的个人资料的样式（主要是颜色），这也将被保存。
你会在css文件中嵌入ruby脚本吗？你需要从css更改文件扩展名吗？
谢谢。
javascript - Internet Explorer 中父窗口上的动态 CSS
我喜欢将动态 css 文件添加到父窗口。我为它构建了这段代码：
code>它在 FireFox 和 Chrome 中运行良好，但在 Internet Explorer 6,7 中（我还没有签入 8,9）我收到下一个 javascript 错误：“无效参数”在这一行：
parent.document.getElementsByTagName("head")[0].appendChild(fileRef);
我想知道这是因为跨域安全所以我在父窗口中添加了这一行：
"document.domain = '127.0.0.1';"
但它没有帮助。
css - 在Firefox，chrome中处理像css这样的jsp的问题
我正在编写一个供多个组织使用的 Web 应用程序，该应用程序需要自定义样式，具体取决于哪个客户正在使用我的页面（该页面是针对不同公司的“品牌”）。
基本上，我有一个数据库，其中存储了一些信息，例如原色、背景颜色和公司徽标图像，所有这些都因使用我的网站的人而异。
当有人访问我的网站时，我会查找他们的样式信息并将其作为名为“品牌”的参数放入会话范围内
我有一个名为 brandCss.jsp 的 jsp，它执行以下操作：
等等
然后在<head>我页面的标签中，我链接到我的 JSP ，就好像它是一个 css 文件一样：
使用 spring 框架，我将对 /brandCss 的请求映射到我的 brandCss.jsp 视图，以便该请求将我的 JSP 作为视图返回。
这在 IE 中效果很好——有人点击我的页面，我的服务器代码关闭并找到他们需要查看的品牌（样式）信息，然后将其放入我的 JSP 中，然后将其视为 css 文件。
但是，在 Firefox/Chrome 中，没有使用我的 brandCss.jsp 样式表——我的页面正确地下拉了 jsp，它获得的信息与 IE 完全相同，但由于某种原因，浏览器选择忽略其中的样式。
任何人都知道为什么会这样或如何让 Firefox 像对待 css 一样对待我的 JSP？
php - 使用 php 更改夜晚和白天的背景？
我正在制作一个 tumblr 页面。我的 html 页面有两种不同的背景，我希望 DAY 背景从早上 7 点到晚上 8 点显示，而夜间背景从晚上 8 点到早上 7 点显示。
我决定在 php 中执行此操作，但在 php 方面我完全是新手。我的朋友给我发了一个我可以使用的示例代码。但我不知道该怎么办。你们能帮忙吗。
这是示例代码。
javascript - 根据一天中的时间更改背景（使用 javascript）
好的，我有两个不同的背景.jpg，我想根据一天中的什么时间用作背景。我想要早上 7 点到晚上 8 点的阳光背景和晚上 8 点到早上 7 点的夜间背景。
我正在处理一个远程 html 文件，我将背景和图形存储在与实际 html 文件不同的服务器上。大多数 css 都在 html 文件中，除了包含我分离并移动到外部样式表的背景代码的主体部分。我制作了两个单独的样式表，一个带有白天的背景图像，一个带有夜晚的图像。这是夜间 css 样式表上的 body css。
我写了一个我认为可以工作的javascript代码。但它没有。我把它放在下面，它仍然没有工作。为什么它不起作用？我只想能够切换背景...时间敏感。
这是整个 html 代码，所以你们可以看到我放置 javascript 代码的位置。（我更新了 javascript 代码，但它仍然不起作用。
dynamic-css - 为什么动态 css 不流行？
我通常会处理更多后端的东西，所以我以前从来没有真正想过它，但是昨天我正在为一个朋友开发一个网站，经过一些挫折之后，我突然想到没有理由只有 html 文件可以动态生成的服务器端。
我看到人们谈论解决 CSS 限制的 javascript 解决方案，但为什么 CSS 不能动态“硬编码”？
我知道我不是第一个想出它的人，因为在想到它之后，我查了一下，有几个例子，但不是很多，而且我也从未在 StackOverflow 上看到过它。
与在页面加载之前使用 javascript 调整元素大小相比，这有缺点吗？我应该注意的任何其他潜在问题？
我在 Django 中做这件事，但这个问题几乎与框架/语言无关。
在这里查看 dynamic-css 标记中的问题，我发现Ruby 的{less}看起来很酷，但总体而言，关于服务器端生成的 css 文件的讨论并不多。
编辑：我认为有些人可能对我所说的动态 css 的意图感到困惑。我并不是说它会根据用户内容或任何东西而改变。这是我发现的如何使图像居中的示例：
这一切都很好，但这意味着要知道 CSS 中图像的大小。此外，这意味着不同大小的图像的不同条目。如果高度和宽度是可变的并且图像的大小是在服务器端确定的，那么它就会变得更加通用和可重用。
我敢肯定还有其他例子可以说明这会有所帮助，但是没有过多地使用 css，这是我遇到的第一个问题，它可以很好地与动态 css 配合使用。
此外，如果性能成为一个问题，我相信它可以通过一些工作来正确缓存。
ruby-on-rails - 基于数据库信息的动态 CSS
我想知道如何根据数据库中元素的数量动态更改我的 CSS 样式。
用户可以选择一定的列数，他们选择的列数决定了列的宽度（显然选择的列越多，每列的宽度就会越小，以便它们在页面上水平间隔均匀。
你怎么做这样的事情？