Question

当前尝试设置此php代码的样式，以便以不同的方式显示输出。例如，如果我希望"Posts<br>"为灰色而$user['num_posts']为黄色：

 <a href="" class="commposts">
        <?php echo "Posts<br>" . $user['num_posts'];?>
 </a>

Answer 1

您应该使用两个单独的元素（例如<span>），并为它们提供唯一的类或IDS，然后可以对其进行样式设置。在下面的内容中，.posts包含字符串Posts并将为红色，而.num-posts包含$user['num_posts']并将为黄色

<a href="" class="commposts">
    <?php echo "<span class='posts'>Posts</span>" . "<span class='num-posts'>" . $user['num_posts'] . "</span>"; ?>
</a>

.posts {
  color: red;
}

.num-posts {
  color: yellow;
}

Answer 2

声明指定所需颜色的CSS类：

.yellow {
    color: yellow;
}
.gray {
    color: gray;
}

然后使用这些类包装输出的适当部分。

<a href="" class="commposts">
    <span class='grey'>Posts</span><br><span class='yellow'><?php echo $user['num_posts'];?></span>
</a>

此外，只需将<?php echo放在输出的可变部分周围，而不是整行。

Answer 3

鉴于php中唯一需要输入的是帖子编号的实际值-我将按以下方式进行操作：-注意跨度上的显示块-它可以防止需要html {{ 1}}元素-最好始终使用CSS进行布局-而不是HMTL。

<br>

要查看实际运行情况（显然没有php）

<a href="" class="commposts">
    Posts <span> <?php echo $user['num_posts'];?> </span>
 </a>

Then the styling is

.commposts {color: gray}
.commposts span {color: yellow; display: block;}

.commposts {
  color: gray;
  text-decoration: none;
 }
 
.commposts span {
  color: red;
  display: block;
 }

设置PHP回显输出的样式不同

3 个答案: