php - CSS在PHP脚本中不起作用

Question

我的脚本有问题。该脚本以黑色字体打印数字 1 到 100。对于 3 的倍数，它以绿色打印单词“三”，对于 7 的倍数，以蓝色打印单词“七”而不是数字。如果数字是 3 和 7 的倍数，则用红色打印单词“Both”。

我遇到的问题是它只打印绿色的三个，而不打印蓝色的七个和红色的两个。不知道我做错了什么。

这是我的CSS

<style type="text/css">
.three{ color:green};
.seven{ color:blue};
.both { color:red};
</style>

下面是我的PHP

<?php
    for ($i = 1; $i <= 100; $i++) {
        if ($i % 3 == 0 && $i % 7 == 0) {
            print '<p class="both" >' . "Both<br />" . '</p>';
        } else if ($i % 3 == 0) {
            print '<p class="three" >' . "Three<br />" . '</p>';
        } else if ($i % 7 == 0) {
            print '<p class="seven" >' . "Seven<br />" . '</p>';
        } else {
            print $i . "<br />";
        }
    }
?>

Answer 1

就像这样你的问题会解决

<style type="text/css">
.three{ color:green}
.seven{ color:blue}
.both { color:red}
</style>

也适用于两个类，如下所示

print '<p class="both" >'."Both<br />". '</p>';

\ \从打印语句中删除并尝试。

让我知道我是否可以为您提供更多帮助。

Answer 2

将样式更改为此。这将起作用：

<style type="text/css">
.three{ color:green;}
.seven{ color:blue;}
.both { color:red;}
</style>

问题在分号（;）

Answer 3

问题出在你的 CSS 上。;分号放置不当。

<style type="text/css">
    .three {color: green;}
    .seven {color: blue;}
    .both  {color: red;}
</style>

此外，您可以同时删除\"两者。

Answer 4

您的 CSS 无效。

改成这样：

<style>
.three{ color:green;}
.seven{ color:blue;}
.both { color:red;}
</style>