Question

我在php中有一些变量我想在我的CSS中使用，我如何在CSS中使用它们？

-webkit-clip-path: inset(0 1500px ("<?php echo $y; ?>") 0);
-moz-clip-path: inset(0 1500px ("<?php echo $y; ?>") 0);
-o-clip-path: inset(0 1500px ("<?php echo $y; ?>") 0);
clip-path: inset(0 1500px ("<?php echo $y; ?>") 0);

这似乎不起作用，无论是否有引号。

Answer 1

您无法在.css文件中呈现PHP。您应该在HTML中使用由PHP文件生成的内联样式。

这是你问题的直接答案。间接答案：

使用SASS或LESS。他们的设计完全符合您的要求：在CSS中使用变量。

Answer 2

你可以这样使用它，在HTML中内联：

 <style>
-webkit-clip-path: inset(0 1500px ("<?php echo $y; ?>") 0);
-moz-clip-path: inset(0 1500px ("<?php echo $y; ?>") 0);
-o-clip-path: inset(0 1500px ("<?php echo $y; ?>") 0);
clip-path: inset(0 1500px ("<?php echo $y; ?>") 0);
</style>

Answer 3

将style.css重命名为style.php并将其与您的html文件链接，如此

<link rel='stylesheet' type='text/css' href='css/style.php' />

在新style.php文件的顶部，将Content-type设置回CSS：

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

现在你很高兴......设置并使用你的变量

Answer 4

你可以：
1）直接在内联CSS中插入值（参考How do I dynamically insert a CSS class using PHP?）
2）通过jQuery将值从PHP插入CSS（参考Add CSS class based on ID）

P.S。：在发布之前搜索现有的问题答案

你如何在css中正确使用php变量？

4 个答案: