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ć?
0
0
Wklej swoj css
0
Oto kod
div.news:not(:first-child):first-letter, div.news figcaption.zdjeciaZNewsowMale:first-letter {
font-size: 200%;
float: left;
}
0
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"));
0
Ale nie chcę zmienać małych na wielkie tylko rozmiar czcionki
0
Już mi się udało :)