php - 更改动态标题中特定单词的颜色

Question

我的页眉中有一个标题，它会根据您使用这个简单的 PHP 代码所在的页面而变化。

<?php if(empty($title)) $title = "ASK REAL QUESTIONS, <br>GET FREE ANSWERS.";
echo $title; ?>

这是一个标题为“问题和答案”的页面示例。标题会说“问题。答案”而不是“提出真正的问题，获得免费答案。”

<?php
$title = "QUESTIONS<br>.ANSWERS";
$path = $_SERVER['DOCUMENT_ROOT'];
$path .= "/includes/header.php";
include_once($path); ?>

和 $title.. 的 CSS

    .title {
    margin: 0 auto;
    color: #fff;
    box-sizing: border-box;
    line-height: 24px;
    padding-top: 12px;
    font-size: 125%;
    position: absolute;
    text-shadow: 2px 2px 5px #313131;
    display: inline-block;
    text-align: center;
}

现在这就是我想要的......

它会说“QUESTIONS.ANSWERS”的地方。我希望问题的颜色为#fff，如CSS 中声明的那样...但我希望“.ANSWERS”的颜色为#39f..我该如何声明这在 PHP 中？

我试过了...但出现语法错误。

<?php
    $title = "QUESTIONS<br><font color="#39f">.ANSWERS"</font>;
    $path = $_SERVER['DOCUMENT_ROOT'];
    $path .= "/includes/header.php";
    include_once($path);  
?>

谢谢! :)

Answer 1

PHP可以注入(inject)css。我将如何做到这一点是将我的 .css 文件改为 .php 并在我的 css 脚本前加上 <style>标签。然后我会在 $title 中，在具有不同 id 的问题和答案前添加一个 span 标签。然后我会进入我的新 php 文件并添加条件语句，当满足我的条件时动态更改文本的颜色。

例如:

我们放置<span>在这两个词前面加上标签，并给它们唯一的 ID。这充当 css 的特定引用点。

    <?php
     $title = "<span id='question'>QUESTIONS</span><br>.<span id='answer'>ANSWERS</span>";
     $path = $_SERVER['DOCUMENT_ROOT'];
     $path .= "/includes/header.php";
     include_once($path); 
    ?>

$path 是变化的，所以我们将使用它作为我们的条件。 (因为当我们想要改变样式时，这就是会改变的。

title in my header that changes depending on the page you're on using

然后我们将 title.css 更改为 titlecss.php。现在看起来像这样。

  <style>   //need style tags now that it is .php document
    .title {
      margin: 0 auto;
      color: #fff;
      box-sizing: border-box;
      line-height: 24px;
      padding-top: 12px;
      font-size: 125%;
      position: absolute;
      text-shadow: 2px 2px 5px #313131;
      display: inline-block;
      text-align: center;
   }

//with the new id's we inject a php tag after `color:` that echoes the new color 
//based on the conditional statement we make (still in `titlecss.php`):

   #question {
     color: <?php 
               if $path === "(whatever $path would be for this style)"{
                  echo "color: #fff;" } 
             ?>
   }
   #answer { }  //same as #question
  </style>

现在 $page符合我们的要求titlecss.php将动态改变文本的颜色。

在header.php你需要使用 include函数而不是 <link>带来titlecss.php到页面。