Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JavaScript与CSS的集成_Javascript_Html_Css - Fatal编程技术网

JavaScript与CSS的集成

JavaScript与CSS的集成,javascript,html,css,Javascript,Html,Css,我想知道是否可以在CSS代码中使用javascript变量。我想实现这样的东西 p{ font-size: size; } 其中,变量大小的值由 var size=document.getElementById("first").fontSize; 这两个代码将写在同一个文件中,并保存为“somefile.css”。这在不支持或禁用javascript的浏览器中非常有用。您不能在CSS中嵌入变量。它不是一种脚本语言 IE对此有一些专有支持,但它不是“规范”的一部分。不,你不能这样做,CSS中

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

p{
font-size: size;
}
其中,变量大小的值由

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

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

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


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

不,你不能这样做,CSS中没有变量

但您可以从javascript更改样式:

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

对于(var i=0;iWait),那么您正试图实现JavaScript“在不支持[it]的浏览器中使用”?请思考一下您在这里提出的问题


只设置字体大小有什么错?有些人使用
em
单位按文本大小按比例缩放元素。

如果您需要这种功能,您应该使用或您可以少签/SASS


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

您可以使用类似jQuery的库来执行此操作。请参阅。@SableFoste,因为,当然是jQuery是所有问题的答案。那么你到底错过了什么“不支持[…]javascript的浏览器”呢?也许我想问的是,设计这样一种允许我们使用该功能的语言是否可能或现实。