Can't style object

[andrewsmd]

Why won't this work.



I have HTML like this
<td class="storeTitle"><span>Service Membership</span></td>

So in the css file I have this
.storeTitle SPAN
{
font-size: 18px;
color: #0B94C8;
}
That works fine in chrome but not in IE. Any ideas why?

[CSS_Kidd]

You need to give a "class" name to the span:

<td class="storeTitle"><span class="foo">Service Membership</span></td>

.storeTitle .foo (or simply .foo if you want)
{
font-size: 18px;
color: #0B94C8;
}

You can't style "span" as is.

[birdbrain]

Hi there andrewsmd,

Your code worked OK, for me, in both IE6 and IE8. ;)

birdbrain

[CSS_Kidd]

Well maybe I shouldn't say "You can't"...

I will say, You shouldn't. :)

[rocknbil]

While it's n0ot efficient to do .classname span, it's perfectly legitimate. It also leaves you open to specificity problems. Given birdbrain's test, the best bet is you have some other css on span that's overriding it. Check it out with Firebug.