Reputation: 35
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
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