javascript - JavaScript 和 CSS 的集成

Question

我想知道是否可以在 CSS 代码中使用 javascript 变量。我想实现这样的东西

p{
font-size: size;
}

其中，变量大小的值将定义为，

var size=document.getElementById("first").fontSize;

这两个代码将写入同一个文件并保存为“somefile.css”。这对于在不支持或禁用 javascript 的浏览器中使用非常有用。

score 1 · Accepted Answer

不，你不能那样做，CSS 中没有变量。

但是您可以从 javascript 更改您的样式：

var items = document.querySelectorAll('.someClass');
for (var i=0; i<items.length; i++) {items[i].style.font = "100px Arial"};

score 0 · Accepted Answer

您不能在 CSS 中嵌入变量。它不是一种脚本语言。

IE 对此有一些专有支持，但它不是“规范”的一部分。

score 0 · Accepted Answer

等等等等，所以你正在尝试实现 JavaScript “在不支持 [it] 的浏览器中使用”？想想你在这里问什么。

只设置字体大小有什么问题？有些人使用em单位按与文本大小成比例的比例缩放元素。

score 0 · Accepted Answer

0

如果你想要这种功能，你应该使用LESS或SASS

于 2012-09-21T17:51:28.447 回答

score 0 · Accepted Answer

您可以查看 LESS/SASS。

score 0 · Accepted Answer

最简洁的答案是不。但是，您可以使用 php 或您喜欢的任何其他语言在服务器端执行这些操作，您必须在文件顶部将 mime 类型设置为 css。如果 javascript 不运行，您将不得不使用页面重定向。

6 回答 6