Kłopot z poprawnym napisaniem selektora w CSS

Mam element div.news, który czasem zawiera sam tekst a czasem element figure.zdjeciaZNewsowDuze z figcaption.zdjeciaZNewsowDuze a czasem figure.zdjeciaZNewsowMale z figcaption.zdjeciaZNewsowMale. Chcę, aby pierwsza litera w elemencie div była powiększona, gdy nie zawiera żadnego figure lub gdy jest figure.zdjeciaZNewsowMale to figcaption.zdjeciaZNewsowMale była powiększona też pierwsza litera. Robiłem to sam, ale albo nie działa w IE albo Opera figcapion.zdjeciaZNewsowMale powiększa 2 razy. Jak to zrobić?

Wklej swoj css

Oto kod

div.news:not(:first-child):first-letter, div.news figcaption.zdjeciaZNewsowMale:first-letter {
	font-size: 200%;
	float: left;
}

xpeye napisał(a):

Robiłem to sam, ale albo nie działa w IE albo Opera figcapion.zdjeciaZNewsowMale powiększa 2 razy. Jak to zrobić?

To uzależnione będzie o wersji przeglądarki: klik

Poza tym, dla paraselektora :first-letter możesz użyć:
text-transform: capitalize;
lub
text-transform: uppercase;

A jeśli zależy Ci, żeby działało to dla starszych przeglądarek to użyj poniższej funkcji:

function capitalize(string) {
    return string.charAt(0).toUpperCase() + string.slice(1).toLowerCase();
}
console.log(capitalize("tekst")); 
console.log(capitalize("kolejNYteKST"));
console.log(capitalize("TeKścik"));
console.log(capitalize("TEKŚCIOR"));

Ale nie chcę zmienać małych na wielkie tylko rozmiar czcionki

Już mi się udało :)