Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/431.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
Php 将变量传递给LESS.js样式表_Php_Javascript_Mysql_Css_Less - Fatal编程技术网

Php 将变量传递给LESS.js样式表

Php 将变量传递给LESS.js样式表,php,javascript,mysql,css,less,Php,Javascript,Mysql,Css,Less,我在数据库中定义了几个变量(十六进制颜色)。我需要通过PHP将这些变量从MySQL传递到LESS.js样式表。可能吗 如果没有,有什么建议可以做类似的事情吗?变亮和变暗是关键。我想到的最佳方法是使用PHP(包括您的变量)动态生成一个更少的文件 1\您需要在HTML页面中包含新的样式表 <link rel='stylesheet/less' href='css/style.php' /> 3\然后在此style.php的底部(或在您声明更少的var之后)添加所有需要的导入,如下所示:

我在数据库中定义了几个变量(十六进制颜色)。我需要通过PHP将这些变量从MySQL传递到LESS.js样式表。可能吗


如果没有,有什么建议可以做类似的事情吗?变亮和变暗是关键。

我想到的最佳方法是使用PHP(包括您的变量)动态生成一个更少的文件

1\您需要在HTML页面中包含新的样式表

<link rel='stylesheet/less' href='css/style.php' />
3\然后在此
style.php的底部(或在您声明更少的var之后)添加所有需要的导入,如下所示:

<?php header("Content-type: text/css; charset: UTF-8"); ?>

@brand_color_1 = <?php echo $brand_color_1; ?>;
/* Add all other vars do you need. */
<?php
  header("Content-type: text/css; charset: UTF-8");

  @brand_color_1 = <?php echo $brand_color_1; ?>;
  /* Add all other vars do you need. */

  @import "style.less";
?>
;
/*添加您需要的所有其他变量*/
@导入“style.less”;
?>
这将像一个时钟一样工作

有一篇文章你可以用它来写


另一个不推荐的替代方案是在客户端编译较少的文件,您可以手动编译这些文件并通过PHP变量执行以下操作:

<script type="text/javascript">
var colors = '';
colors += '@brand_color_1: <?php echo $brand_color_1 ?>;'
colors += '@brand_color_2: <?php echo $brand_color_2 ?>;'
colors += '@import "style.less"';
// Add other imports.
var parser = new (less.Parser)();
parser.parse(colors, function(err, tree) { 
  var css = tree.toCSS();
  // Add it to the DOM maybe via jQuery
});
</script>

var颜色='';
颜色+='@brand_color_1:;'
颜色+='@brand_color_2:;'
颜色+='@import“style.less';
//添加其他导入。
var parser=new(less.parser)();
parser.parse(颜色,函数(err,tree){
var css=tree.toCSS();
//可以通过jQuery将其添加到DOM中
});
CSS:

减:


如何将LESS转换为CSS?立即设置客户端。我正在寻找类似:href=“style.less&var=FFF”的东西。一旦编译了变量,就不再有任何变量了。如果您正转向服务器端,那么这肯定是可能的,尽管我现在还不确定如何实现。我能想到的最好的办法是让PHP用这些变量生成一个更少的样式表,然后将它与其他所有内容一起编译。有趣的是,谢谢,我将玩弄它。堆栈交换上的所有内容都是。如果您不同意这些条款,则Stack Exchange不是您供款的有效渠道。在“3\”中有一个问题,最后一个
?>
放错了位置!
#header {
    color:black;
    border:1px solid #dd44dd;
}

#header .navigation {
    font-size:12px;
}

#header .navigation a {
    border-bottom:1px solid green; 
}

#header .logo {
    width:300px;
}

#header .logo:hover {
    text-decoration:none;
}
#header {
    color:black;
    border:1px solid #dd44dd;
    .navigation {
        font-size:12px; a {
            border-bottom:1px solid green;
        }
    }
.logo