Daniel Brow
Daniel Brow

Reputation: 35

Color Codes Working Differently in Different Parts of the Code

Ok, I typed in a color code wrong, and got a color that I don't seem to be able too recreate, even by copy pasting the typo. Specifically it's the color appearing for h1 that I cannot recreate

Here is the relevant coding pertaining to it:

<div class="jumbotron">
  <h1>The Squeegee Imperium Inc.</h1>
</div>

.jumbotron h1 {
               color: ##3366FF;
} 

<div class="jumbotron">
  <h1>The Squeegee Imperium Inc.</h1>
    <div class="contact">
      <p>
        If you have any comments, questions, or suggestions        services    you would like to see offered, would like to book our services, 
        or to receive or make a payment, please contact us through    one     of the following means.
      </p>

      <p>
        <span style="color:#000000">By Phone:</span>
        <a href="tel:1-587-707-4584">
        <span style="color:##3366FF">1-587-707-4584</span></a>
      </p>
      <p>
        <span style="color:#000000">By Email:</span> 
        <a href="mailto:[email protected]">
        <span style="color:##3366FF">[email protected]</span></a>
      </p>
      <p>
        <span style="color:#000000">By Mail:</span> 
        <span style="color:##3366FF">PO Box 42159 Southland Crossing PO T2J 7A6</span>
      </p>
    </div>
  </div>

As you can see though, the color code for the second span in each line is the same as the color code for h1.

Here is the site http://www.thesqueegeeimperiuminc.ca/contact.html

I can't for the life of me see why it changes the color of h1 and not the rest, when it's not even valid due to the typo and should change nothing.

Upvotes: 0

Views: 43

Answers (1)

yaakov
yaakov

Reputation: 4645

You have two #signs in front of the color in the style attribute. Get rid of one, like this:

<span style="color:#3366FF">PO Box 42159 Southland Crossing PO T2J 7A6</span>

It should work then.

Upvotes: 1

Related Questions