HTML更改基于PHP变量的CSS样式

时间:2018-06-09 20:46:38

标签: php html css

我有一个带有html和php的php页面。我有以下代码:

obstacles.remove

我希望变量for ($x = 0; $x <= 100; $x++) { $result = convertTemp($x); $tempdesc = getTempName($x); $textcolor = "blue"; echo ($x . " degrees F is equal to " . round($result, 1) . " C, which is " . '<span id="<?php $textcolor ?>" >' . $tempdesc . '</span>' ."<br/>\n"); } 基于上面的tempdesc变量以不同的颜色回显。现在我将它设置为“蓝色”,因为我的css中的id设置为蓝色,因此它们应匹配,并且该字应以蓝色回显,但文本不会改变颜色。

4 个答案:

答案 0 :(得分:2)

  1. 您已使用PHP,因此应删除<?php?>
  2. 单引号中的变量是文字文本,它不是变量。在双引号中,PHP将其扩展为值。
  3. 您的变量为$textcolor,而不是$blue
  4. 尝试:

    echo ($x . " degrees F is equal to " . round($result, 1) . " C, which is " . '<span id="' . $textcolor . '" >' . $tempdesc . '</span>' ."<br/>\n");
    

答案 1 :(得分:0)

也许你想要的是改变内联风格。

for ($x = 0; $x <= 100; $x++) {

    $result = convertTemp($x);

    $tempdesc = getTempName($x);

    $textcolor = "blue";

    echo ("{$x} degrees F is equal to {round($result, 1)} C, which is " . 
'<span style="color:{$textcolor}">' . "{$tempdesc}" . '</span>' ."<br/>\n");

} 

确保使用变量周围的花括号。

答案 2 :(得分:0)

你没有任何变量($ blue)

请仅替换此行

<span style="color:'.$textcolor.'" >

答案 3 :(得分:0)

使用sass怎么样?您可以将变量用作颜色或其中的任何内容!