Descendant Selectors - Advanced use breaks in FF

[matt1dmb]

I have this css:

.note {
FONT-SIZE: 12px;
COLOR: #000000;
margin-top: 1em;
margin-bottom: 1em;
}
.noteTitle{
text-transform : uppercase;
font : normal;
}
.esd .noteTitle, .caution .noteTitle, .caution_hot .noteTitle, .electric_shock .noteTitle, .danger .noteTitle, .biohazard .noteTitle{
font : bold;
}
.warning, .warning .noteTitle{
font : bold italic;
}

And when I apply it to this code:

<div class="note warning"><div class="noteTitle">WARNING:</div><div class="noteBody">A note of type Warning has a class = "note warning".</div></div>

It applies the .note styles, but then ignores everything else in Firefox. In works fine in IE, and theoretically should work in FF. Any ideas?

[inter4design]

try this

	.note {
FONT-SIZE: 12px;
COLOR: #000000;
margin-top: 1em;
margin-bottom: 1em;
}
.noteTitle{
text-transform : uppercase;
font : normal;
}
.esd .noteTitle, .caution .noteTitle, .caution_hot .noteTitle, .electric_shock .noteTitle, .danger .noteTitle, .biohazard .noteTitle{
font : bold;
}
.warning, .warning .noteTitle{
font-weight: bold;
font-style: italic;
}

[matt1dmb]

That was absolutely it. FF didn't like the "font" definition missing all the other pieces, so I've changed it to use the actual attribute of font that I want to edit, such as font-weight.

Thanks so much! I should have caught this!

[AutisticCuckoo]

The font shortcut property must include font size and font family, and may include font style, font variant, font weight and line height.

Omitting font size and/or font family renders the whole property/value pair invalid and, per specification, it should be ignored.