Class not working quick issue

HTML & CSS
1

Hi Guys,

Any ideas why my li’s with a class of smaller dont look smaller font?

#secondaryNav li{
color:#666666;
font-size:14px;
}

.smaller {
font-size:10px;
}

cheers

:smiley:

2

Tested locally in Opera works for me. Maybe some other rule that’s overriding it?

3

Because the first selector is more specific, and that rule will therefore take precedence.

You’ll have to make the second selector equally specific or more specific than the first one:

#secondaryNav .smaller {
  font-size:10px;
}
4

I doubt that very much. What version of Opera are you using? Opera 10.51 definitely does the right thing by not applying the second rule.

5

No you’re right… by using his code i already made the class more specific…:blush: