title: if number is the same as a box change its colour
body: <p>I have stumbled across a little problem. my code so far auto generates all the days in the month into separate boxes. like a calendar format.</p>
  
  <pre><code>  $number     = cal_days_in_month(CAL_GREGORIAN, 7, 2016);
  
      // LOOP THROUGH THE NUMBER OF MONTHS USING FOR-LOOP AND CREATE
      // THE BOXES THAT YOU DESIRE (WITH CSS-CLASSES, THOUGH)
      $calBoxes   = "";
  
      //makes numbers 1 after the other
      for($cue=1; $cue&lt;=$number; $cue++){
  
         //adds the date
          $fmtDay    = date("D", strtotime("2016-7-{$cue}"));
  
          //adds div for outside box 
          $calBoxes .= "&lt;div id='box' class='date-box date-box-{$cue}'&gt;" . PHP_EOL;
          $calBoxes .= "&lt;span class='date-number date-number-{$cue}'&gt;{$fmtDay}&lt;/span&gt;" . PHP_EOL;
          $calBoxes .= "&lt;span class='weekday weekday-{$cue} weekday-" . strtolower($fmtDay) . "'&gt;{$cue}&lt;/span&gt;" . PHP_EOL;
          $calBoxes .= "&lt;/div&gt;" . PHP_EOL;
      }
  </code></pre>
  
  <p>the problem I'm having is I can't find a way to make a certain box a certain color depending on a number in a variable. say the number is 7 it will make the 7th box which the result being Thursday 7 a certain color. leaving the rest as default.</p>
  
  <p>this is the css for the boxes</p>
  
  <pre><code>#box{
    background-color:black;
    width: 75px; height: 75px; 
    border: solid 1px white; display: inline-block;
    font-size:20px;
  }
  </code></pre>
  
  <p>for the box number declared in a specific veriable it needs to change to green instead of black.</p>