CSS class overrides applied class

Here is my html:
<div class="60px-subhead-blue"><b>20<span class="supersize-text-sup">% </span>OFF ANY NEW FURNACE!</b></div>

Open in new window


And here's my css:
.60px-subhead-orange {
	font-size: 60px;
	color: #EB872B;
	line-height: 94%;
}

Open in new window


and here the page, top center box with the gray border:
http://www.dallasplumbing.com/index-winter-2-2014.php

If I apply the style inline it works. Otherwise it won't.
weknowjackAsked:
Who is Participating?
 
Dave BaldwinConnect With a Mentor Fixer of ProblemsCommented:
I don't understand the question.  '60px-subhead-blue' and '60px-subhead-orange' are not the same classes.  In addition, class names are not supposed to start with a number and neither are id names.
0
 
Tom BeckCommented:
I see this class="60px-subhead-blue" in the div and .60px-subhead-orange in the css definition. Significant?
0
 
weknowjackAuthor Commented:
Sorry. Copied the wrong css. They are both there:
.60px-subhead-orange {
	font-size: 60px;
	color: #EB872B;
	line-height: 94%;
}
.60px-subhead-blue {
	font-size: 60px;
	color: #228EFF;
	line-height: 94%;
}

Open in new window

0
Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
weknowjackAuthor Commented:
I didn't know that about the numbers. I'll switch things around and see if that works. Let you know shortly.
0
 
weknowjackAuthor Commented:
Problem was the class structure, as pointed out. Thanks much.
0
 
Dave BaldwinFixer of ProblemsCommented:
You're welcome, glad to help.
0
All Courses

From novice to tech pro — start learning today.